Muscardinus
this keyword - 마지막 본문
728x90
지금까지 this의 1,2,3탄을 읽었다면 이 자리를 빌려서 무한한 감사를 표합니다. 제가 조금이나마 도움이 되었다면 그것만으로도 보람찰것 같습니다!
자 그러면 이제 this의 마지막인 new에 관하여 이야기해보자!
new
아직 실력이 부족하여 설명을 정확히 하기에는 부족한 감이 있어 예제로 대체하겠습니다
new 키워드를 사용한 함수 내부에서의 this가 가르키는 것은 새로운 빈 객체이다. 그리고 이것(this)을 new 키워드를 통하여 부여한다.
이거 하나만 기억하자!
출력값
위 코드를 보면 알듯이 type 인자에 "muscardinus"를 주면, 하나의 새로운 animal 인스턴스가 생기고 그것의 this는 this.type으로 "muscardinus"를 보유하고 있다.
new 키워드와 함께 사용될 경우, 해당 함수를 생성자 함수라고 부른다
출력값
위 결과를 보면 알듯이 같은 함수라 하더라도 new 키워드와 함께 사용했는지에 따라, 생성자 함수가 될 수 도 있고 일반함수가 될 수 도 있다.
일반적으로, 생성자 함수 용도로 만든 함수는 생성자 함수로만 사용된다. 일반 함수 용도로 만든 함수는 일반 함수로만 사용된다.
※ 생성자 함수의 경우 함수명을 대문자로 시작하는 것이 통상적이다
요약
new 키워드를 이용하여 함수를 실행했을 경우, 해당 함수의 this는 새로운 빈 객체가 된다
728x90
'FrontEnd > JavaScript Basics' 카테고리의 다른 글
Writing Optimized Code (0) | 2020.11.30 |
---|---|
What is JavaScript Engine? (1) | 2020.11.30 |
this keyword - 3탄 (0) | 2020.10.15 |
this keyword - 2탄 (2) | 2020.10.13 |
this keyword - 1탄 (0) | 2020.10.13 |
Comments