맛동산

자바스크립트 객체생성 본문

Web/JavaScript

자바스크립트 객체생성

오지고지리고알파고포켓몬고 2016. 11. 14. 09:40

 
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');


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


위에 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꼴이 될 것.


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

 
p1.age;// -> 100
p1[age];// -> 100

for(key in p1){
	document.write(key+' : '+p1[key] + '<br>');
}


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


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

'Web > JavaScript' 카테고리의 다른 글

radio get value  (0) 2017.06.02
jquery 기초  (0) 2016.11.16
자바스크립트 가인수(arguments)처리  (0) 2016.11.10
자바스크립트 배열(선언, 추가, 제거)  (0) 2016.11.10
getElementsByName, 폼 안의 값 경우  (0) 2016.11.09
Comments