[JS] 생성자함수의 return 값

53. 무엇이 출력 될까요?

function Car() {
  this.make = "Lamborghini";
  return { make: "Maserati" };
}

const myCar = new Car();
console.log(myCar.make);

• A: "Lamborghini"
• B: "Maserati"
• C: ReferenceError
• D: TypeError

 

 

---

 

new User(...)를 써서 함수를 실행하면 아래와 같은 알고리즘이 동작합니다.

1. 빈 객체를 만들어 this에 할당합니다.
2. 함수 본문을 실행합니다. this에 새로운 프로퍼티를 추가해 this를 수정합니다.
3. this를 반환합니다.

function User(name) {
  // this = {};  (빈 객체가 암시적으로 만들어짐)

  // 새로운 프로퍼티를 this에 추가함
  this.name = name;
  this.isAdmin = false;

  // return this;  (this가 암시적으로 반환됨)
}

 

생성자와 return문

생성자 함수엔 보통 return 문이 없습니다. 반환해야 할 것들은 모두 this에 저장되고, this는 자동으로 반환되기 때문에 반환문을 명시적으로 써 줄 필요가 없습니다.

그런데 만약 return 문이 있다면 어떤 일이 벌어질까요? 아래와 같은 간단한 규칙이 적용됩니다.

• 객체를 return 한다면, this 대신 객체가 반환됩니다.
• 원시형을 return 한다면, return문이 무시됩니다.
• return 뒤에 객체가 오면 생성자 함수는 해당 객체를 반환해주고, 이 외의 경우는 this가 반환되죠.

 

 

∴ 

return 값이 존재한다면 걔가 변수에 할당됨
따라서 myCar 에는 { make: "Maserati" } 이라는 객체가 할당된다.

생성자함수에선 return을 명시하지 않는 편이 좋겠...다?

 

 

문제의 출처 : https://github.com/lydiahallie/javascript-questions/blob/master/ko-KR/README-ko_KR.md#53-%EB%AC%B4%EC%97%87%EC%9D%B4-%EC%B6%9C%EB%A0%A5-%EB%90%A0%EA%B9%8C%EC%9A%94

해답의 출처 : https://ko.javascript.info/constructor-new#ref-901