[javaScript/공부] this

this 알아보기

 

 

---

       전역환경 this 

• Borwser(크롬)에서의 this는 window

• Node에서의 this는 global

 

 

---

       Method에서의 this 

• method는 항상 누군가 호출해 줘야 하기 때문에

• this는 호출의 주체

예를들어

let obj = {
    methodA : function() {
        console.log(this);
    },
    inner : {
        methodB : function() {
            console.log(this);
        }
    }
};

이런 객체가 있다고 했을 때,

	this
obj.methodA();	obj 를 참조
obj.inner.methodB()	obj.inner 참조

 

화살표 함수의 경우, 상위 스코프를 참조하고

() => {}

즉시 실행 함수의 경우, 전역 객체를 참조한다.

(function() {})

(() => {})

 

 

---

       함수 this 

• 독립적

• this는 전역 객체

 

 

---

       생성자 함수 내부의 this 

const Cat = function(name,age) {
    this.name = name;
    this.age = age;
};

let choco = new Cat('Choco', 7);
let vanila = new Cat('Vanila', 9);

console.log(choco) //Cat { name: 'Choco', age: 7 }
console.log(vanila) //Cat { name: 'Vanila', age: 9 }

 

 

---

분명 예전에 한번 정리했었는데...

너무 어렵고~~~!

몇번 더 공부하고 정리해야 완전히 내께될까~~~~~~~