반응형
💜 요약
메소드의 this | 엄마{} |
window 의 this | window{} |
전역 function 의 this | window{} (=엄마{}) |
constructor 의 this | instance (=새로 만들어지는 아가 object) |
eventListener 의 this | e.currentTarget (=지금 이벤트가 동작하는 html 태그) |
💜 this 의 뜻4_constructor
constructor 의 this: instance (= 새로 만들어지는 아가 object)
자바스크립트에서 constructor 를 사용하면
새로운 object 들을 만들어낼 수 있다.
function 엄마 (이름) {
this.name = 이름
};
이렇게 엄마 constructor 를 만들었구
키값 name 앞에 this. 를 붙여줬다!!
이제 엄마를 호출해주면 새로운 아가 object 들이 만들어진다.
😢붕어빵틀이라구할걸...ㅠㅠ
let 아가obj1 = new 엄마('아가1');
let 아가obj2 = new 엄마('아가2');
let 아가obj3 = new 엄마('아가3');
출력된 결과를 보면
constructor 에서 this 는 새 아가 그 자체를 뜻한다.
그리고 '새로운 아가 object '를 'instance' 라고 부른다.
반응형
'컴퓨터 > Front (Html, JS)' 카테고리의 다른 글
[JavaScript] 함수, function 뜻, 사용하는 이유 (0) | 2022.07.30 |
---|---|
[JavaScript] eventListener 에서 this 의 의미 (3) + e.currentTarge 의 뜻 (1) | 2022.07.27 |
[JavaScript] object메소드, window, function(전역) 에서 this 의 의미(1) (0) | 2022.07.25 |
[JavaScript] window 의 의미, window object 에 들어가는 값, 전역변수가 저장되는 원리 (0) | 2022.07.24 |
[JavaScript] DOM 의 뜻, 자바스크립트가 html 을 해석하는 원리 (0) | 2022.07.24 |
댓글