자바스크립트 객체생성

1
2
3
4
5
6
7
8
9
10
11
·¬
function·person(name,·age,·address,·phone){¬
————this.name·=·name;¬
————this.age·=·age;¬
————this.address·=·address;¬
————this.phone·=·phone;¬
}¬
¬
p1·=·new·person('황다슬',100,'인천','010-5678-1234');¬
p2·=·new·person('김철수',20,'서울','010-1234-5678');¬
¶
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

자바스크립트에서 객체생성 방법은 함수선언한 것을 참조변수에 대입시키는 것으로 할 수 있음.

위에 person으로 선언된 함수를 p1이라는 참조변수에 담아서 객체로 사용할 수 있음.

생성자 함수 꼴로 작성했는데, person(name, age, address, phone)에서 파이썬 클래스에서 self처럼 생략된것으로 추정됨.

-> person(name, age, address, phone, self)꼴이 아닌지..

그래서 같은 name임에도 p1의 name과 p2의 name은 동일한곳을 가르키지 않게됨.

this.name = name이 p1.name = name, p2.name = name꼴이 될 것.

또한 다음과 같은 방식으로 호출할 수 있는데,

1
2
3
4
5
6
7
8
·¬
p1.age;//·->·100¬
p1[age];//·->·100¬
¬
for(key·in·p1){¬
————document.write(key+'·:·'+p1[key]·+·'<br>');¬
}¬
¶
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

이건 JSON을 호출하는 방법과 같음을 알 수 있음. 사실 배열(Array)도 동일한 형식으로 사용되는걸 알 수 있는데, 이걸 토대로 new Array()든, JSON이든 사실 '객체'라는 구조로 저장이 되는걸 알 수 있음.

그리하여 JSON처럼 아래와 같은 반복문으로도 호출할 수 있음.