Muscardinus

this keyword - 마지막 본문

FrontEnd/JavaScript Basics

this keyword - 마지막

Muscardinus 2020. 10. 19. 02:01
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