자바스크립트 this

1 개념

JavaScript this

자바스크립트 this

• 자바스크립트에서 this는 컨텍스트(문맥) 에 따라 가리키는 대상이 다름

2 전역 컨텍스트

• 함수 외부에서 this는 window 객체를 가리킴

console.log(this); // window

3 함수 컨텍스트

• 함수 안에서 this는 전역객체(window)에 연결

function foo() {
    console.log(this);
}
window.foo(); // window

• 메쏘드 안에서 this는 메쏘드를 포함하는 객체에 연결

var objFoo = {
    foo: function() {
        console.log(this);
    }
};

objFoo.foo(); // objFoo

• 생성자에서 this는 생성될 객체를 가리킴

function Foo() {
    this.obj = this;
}

var objFoo = new Foo();
console.log(objFoo.obj); // foo

→생성자는 관례적으로 대문자를 사용해줌

4 같이 보기

• this

5 참고

• https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/this