2016. 12. 4. 03:16
javascript 객체의 형태 Javascript & HTML & CSS/pure javascript2016. 12. 4. 03:16
javascript는 객체지향 언어다.(ECMAScript가 그렇게 정의하고 있다.)
var product = {
name: '망고',
price: 1000,
type: '당절임',
};
선언은 이렇게 함.
alert( product.name );
사용은 이렇게 함.
alert( product['name'] );
이렇게도 되긴 함. name이 아니라 특수문자나 공백 포함이면 이렇게밖에 사용 못 함.
객체의 속성은
일반변수 외에도 함수, 배열, 문자열, 숫자 등등 다 됨.
이때 객체의 속성이 되는 함수는 특별히 '메서드'라고 부른다.
어떻게 생겼는지 보자.
var product = {
name: '망고',
price: 1000,
type: '당절임',
sell: function(){
alert(this.name을 '팔았다');
}
};
참고로!!
javascript는 객체가 자기 자신을 가리킬 때 this를 생략할 수 없음!!!
위 예제에서 name이라고 하면 안 됨. this.name이라고 해야 함.
===========================================
javascript 객체는 두가지 형식을 가짐
1) 리터럴 형식
var a = { .. }
2) 생성자 형식
var a = new Array( .. )
대부분 리터럴 형식을 쓰는 편이 좋음.
하지만 생성시 옵션을 추가로 주기 위해 생성자 형식을 쓰기도 함.
'Javascript & HTML & CSS > pure javascript' 카테고리의 다른 글
javascript event 전달 막기 (0) | 2016.12.06 |
---|---|
javascript 객체지향 연습 - LinkedList 만들기 (0) | 2016.12.05 |
javascript 클로저 (0) | 2016.12.04 |
javascript 함수는 parameter로 함수를 전달할 수 있음. (0) | 2016.12.04 |
javascript 내부 함수 (0) | 2016.12.04 |