[JS]Object, Property, Method

Sample

3. 객체의 구조

var test_object = {};

• 객체는 식별자에 {}를 할당 하여 만들어집니다.

• 객체는 프로퍼티와 , 메소드로 이루어 져있습니다.

• 객체에 정의된 "식별자"에 어떤 것을 할당 하느냐에 따라서 프로퍼티가 되고 메소드가 됩니다.

- 프로퍼티 및 메소드 할당 방법

<식별자> : "자료형"

<식별자> : function () {}

var test_object = {

attribute1 : 100, // 프로퍼티

attribute2 : 'hello', // 프로퍼티

getAttribute2 : function () { // 메소드

return this.attribute2;

}

}

4. 객체의 프로퍼티(Property) 이란?

- 객체의 정의된 "식별자"에 함수를 제외한 자료형 과 배열 을 할당 하면 "식별자"를 프로퍼티이라고 부릅니다.

• 자료형의 종류 : 숫자, 문자열, boolean, 객체, 함수, undefined

• 객체의 프로퍼티 생성 방법

<식별자> : <값> 또는 <배열>

• <식별자> 명명 규칙 : 문자 열일 경우 ' '로 감싸주어야 합니다.

var test_object = {

	number : 1,

	string : "test",

	boolean : true,

	array : [52,1,1,1],

	'long string' : "longlong string",

}

5. 객체의 메소드 란?

- 객체의 정의된<식별자>(아래 코드에서 method1 해당) 에 함수를 할당 하면 해당<식별자>를 메소드라고 부릅니다.

• 객체의 메소드 생성 방법

<식별자> : 익명 함수

var test_object = {

	method1 : function(){

	console.log('test');

	}

}

6. 프로퍼티 및 메소드 사용법

1) 프로퍼티 사용법

(1) 일반 프로터피 명 사용법

- "객체명.프로터피명" 으로사용이 가능

alert(test_object.attribute1);

(2) 문자열 프로퍼티명 사용법

- "객채명['프로퍼티명']" 으로 사용 가능

alert(test_object['long string']);

2) 메소드 호출 사용법

(1) 메소스 호출 사용법

- "객체명.메소드명()" 으로 사용 가능

alert(test_object.getAttribute2());