본문 바로가기
Web/Javascript

[Javascript 기본 개념] Javascript 문법-생성자와 new

by 나비와꽃기린 2016. 6. 23.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

1.1  생성자와 new

*객체란 서로 연관된 변수와 함수를 그룹핑한 그릇이라고 할 수 있다.

객체 내의 변수를 프로퍼티(property) 함수를 메소드(method)라고 부른다.

Ex)

var person = {

'name' : 'egoing',

'introduce' : function(){

return 'My name is '+this.name;

}

}

document.write(person.introduce());

 

à 이름을 재활용 하지 못하는 예제

à 따라서, 객체의 구조를 재활용할 수 있는 방법이 필요 à 그때 사용하는 것이 생성자

 

*생성자(constructor)는 객체를 만드는 역할을 하는 함수다.

자바스크립트에서 함수는 재사용 가능한 로직의 묶음이 아니라 객체를 만드는 창조자다.

Ex) 코드의 재 활용성을 높인 생성자 예

function Person(name){

this.name = name;

this.introduce = function(){

return 'My name is '+this.name;

}

}

var p1 = new Person('egoing');

document.write(p1.introduce()+"<br />");

var p2 = new Person('leezche');

document.write(p2.introduce());

à 생성자 내에서 이 객체의 프로퍼티를 정의하고 있다. 이러한 작업을 초기화라고 한다. 

 

** 일반적인 객체지향 언어에서 생성자는 클래스의 소속이다.

하지만 자바스크립트에서 객체를 만드는 주체는 함수가 된다.