728x90
300x250
리터럴 방식 클래스
var 인스턴스 = {
프로퍼티 : 초깃값,
메서드 : function(){
...
},
...
}
리터를 방식은 객체 리터를을 의미하는 {} 내부에 프로퍼티와 메서드를 포장하는 구조이다.
객체 외부에서 인스턴스 프로퍼티와 메서드 접근 방법
인스턴스.프로퍼티;
인스턴스.메서드();
객체 내부에서 프로퍼티와 메서드 접근하기
객체 내부에서 프로퍼티와 메서드에 접근하려면 현재 객체 자신을 나타내는 this라는 속성과 접근 연산자인 점을 사용한다.
리터럴 방식을 활용한 클래스
const person ={
firstName:"John",
lastName:"do",
fullName:function(){
document.write(this.firstName+" "+this.lastName);
}
}
person.fullName();
실행결과
John do
인스턴스 생성과정
리터럴 방식은 선언과 동시에 인스턴스가 만들어지기 때문에 별도로 인스턴스를 만들어 줄 필요 없다.
1. 오브젝트 리터를 구문이 실행되면 자동으로 비어있는 인스턴스가 생성된다.
2. 비어있는 오브젝트 리터럴 객체에 프로퍼티와 메서드가 생성된다.
3. 2번 작업이 마무리 되면 해당 인스턴스가 변수에 저장된다.
오브젝트 리터를 방식의 클래스는 정의와 동시에 인스턴스를 생성하기 때문에 별도로 인스턴스를 생성하지 않아도 되지만인스턴스를 여러개 만들 수 없다
오브젝트 리터럴의 주 사용용도
오브젝트 리터를 방식은 인스턴스를 여러개 만들 수 없기 때문에 재사용 용도 보다는 여러 개의 데이터를 묶어 값을 보관하거나 함수의 매개변수 값으로 전달할 때 주로 사용한다.
728x90
반응형
'javaScript > jQuery' 카테고리의 다른 글
$.extend() 함수 사용법 (0) | 2023.06.09 |
---|---|
탭 함수 리터럴 클래스로 변경하기 - 비공개 (0) | 2023.06.07 |
스크롤 부드럽게 처리하기 - 비공개 (0) | 2023.05.31 |
부드럽게 움직이는 배너 - 비공개 (0) | 2023.05.30 |
마우스 클릭한 위치로 이동 시키기 면서 애니메이션 효과 (0) | 2023.05.29 |
댓글