aotoyae

[JS] 생성자 함수 본문

JavaScript

[JS] 생성자 함수

aotoyae 2023. 12. 13. 21:07

 

 

아래처럼 객체를 만드는 게 객체 리터럴

let user = {
  name: "aoto",
  age: 30,
};

 

 

객체를 여러개 만들어야하는 상황일 때 쓰는 것이 (회원이 여러명이거나..)

생성자 함수! new 함수명

function User(name, age) { // 함수명의 첫 글자는 대문자로
  // this = {}; 실제 코드엔 없지만 함수가 실행되면 이런 식으로 동작
  this.name = name;
  this.age = age;
  // return this; 실제 코드엔 없지만 함수가 실행되면 이런 식으로 동작
}

let user1 = new User("aoto", 20);
let user2 = new User("yae", 30);
let user3 = new User("haru", 40);
function User(name, age) {
  this.name = name;
  this.age = age;
  this.sayName = function () {
    console.log(this.name); // 여기서 this는 user4
  };
}
let user4 = new User("mich", 50);
user4.sayName(); // "mich"

 

 

 

🔗 https://youtu.be/8hrSkOihmBI?si=wEgAWdYSPTou2Zfd