[javascript] 생성자 함수(new)와 클래스(class)

1. new

 

일반적으로 함수 이름의 첫 글자는 대문자로 한다.

new 연산자를 붙여 실행시킨다.

new가 생략되면 일반 함수가 호출된다.

function User(name, age) {
  this.name = name;
  this.age = age;
}

let user = new User('지원', 27);

alert(user.name); // 지원
alert(user.age); // 27


let user = {
  name: "지원",
  age: 27
};
// 위의 결과와 같음

 

 

 

2. class

 

new가 생략되면 에러가 발생한다.

new와 class 모두 유사한 객체를 여러 개 만들 때 유용하게 쓰인다.

class User {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

cosnt jiwon = new User('jiwon', 27);

console.log(jiwon.name);
// jiwon

 

 

 

Classes - JavaScript | MDN

new 연산자와 생성자 함수