웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)

new 키워드 본문

javascript/Tutorial

new 키워드

jokack01 2013. 12. 11. 11:11

new 키워드

- 생성자 함수를 사용해서 객체를 생성할때에 사용


new 키워드 사용예)

// 생성자 함수 선언

function Car(name){

    // 키 설정,  매개변수로 받은 name 값을  n 으로 담는다.

    this.n = name;

}

// car 변수에 new키워드를 사용해 생성자 함수에 매개변수를 던져서 저장

var car = new Car('genesis');

// car의 n 속성 출력 

console.log(car.n);



new 키워드를 사용하지 않았을 경우)

// 생성자 함수 선언

function Car(name){

    this.n = name;

}

// car 변수에 생성자 함수에 매개변수를 던져서 저장

var car = Car('genesis');

// car의 n 속성 출력 

console.log(n);



new 키워드를 사용한 것과 사용하지 않은 것 모두 정상적을 genesis 문자를 출력 하는 것을 볼 수 있다.

그러나 이둘은 차이점이 있다.

new 를 사용해서 함수를 호출하면 객체를 위한 공간을 만들고 this 키워드가 해당된 공간임을 의미 해준다. 

하지만 new를 사용하지 않고 그냥 생성하게 되면 window라는 전역 객체에 속성을 추가 한 것이 된다. 



'javascript > Tutorial' 카테고리의 다른 글

상속  (0) 2013.12.23
instanceof  (0) 2013.12.11
생성자함수와 프로토타입  (0) 2013.12.10
함수를 활용해 객체 생성하기  (0) 2013.12.10
push(), 데이터 밀어넣기  (0) 2013.12.09