본문 바로가기
Frontend/JavaScript

[Javascript] Object - new 연산자와 생성자 함수

by joy_95 2021. 12. 28.

생성자 함수

✔️ 함수 이름의 첫 글자는 대문자

✔️ 반드시 'new' 연산자를 붙여 실행

✔️ 재사용할 수 있는 객체 생성 코드를 구현.

✔️ 객체 리터럴{...} 을 사용하면 쉽게 객체를 얻을 수 있지만 유사한 객체를 여러개 만들어야하는 상황에서 유용.

✔️

function User(name){
  this.name = name;
  this.isAdmin = false;
}

let user = new User('young');
console.log(user.name); //young
console.log(user.isAdmin); //false

 

생성자와 내 메서드

function User(name){
  this.name = name;
  this.sayHi = function(){
    alert(this.name);
  }
}

let bora = new User('보라');

bora.sayHi();//보라

 

 

 

반응형

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

[Javascript] 프로토타입 상속  (0) 2021.12.29
[Javascript] 프로퍼티 getter 와 setter  (0) 2021.12.28
[Javascript] Object  (0) 2021.12.27
[Javascript] for in / for of 차이  (0) 2021.12.27
[javascript] resize 이벤트  (0) 2021.11.29