자바스크립트_속성과메서드

● 속성과 메서드

요소 : 배열 내부에 있는 값

속성 : 객체 내부에 있는 값

자바스크립트는 요소와 속성이 다르지 않다.

타 프로그래밍 언어에서 사용하던 용어 습관이 자바스크립트로 넘어와 요소와 속성을 구분해 부르는 것이다.

▶ 객체의 속성이 가질 수 있는 자료형

var object = {

number : 200,

string : 'aaa',

boolean : true,

array : [50, 33, 100, 150],

method : function (){

}

};

객체의 속성 중 함수 자료형인 속성을 특별히 메서드 라고 부른다.

▶ 속성과 메서드의 구분

 var person = {

name : '홍길동',

eat : function ( food ) {}

};

person 은 name 속성과 eat 속성이 있다.

eat 속성은 함수 자료형이다. eat() 메서드라고 부른다.

person.eat(); // 메서드 호출

● this 키워드 

var person = {

name : '홍길동',

eat : function ( food ) {

alert( this.name + '이' + food + '을 먹는다.' );

}

}

person.eat('밥');

결과 : 홍길동이밥을 먹는다.

C++, 자바, C# 과 같은 프로그래밍 언어는 같은 객체 내부에서 this 키워드를 생략할 수 있다. 하지만 자바스크립트는 this 키워드를 생략할 수 없다. 

this 키워드를 꼭 사용해야 한다.!!

출처 책 : 모던 웹을 위한 JavaScript jQuery 입문 by 윤인성