this

기본은 window

아무 html 파일에서 <script> 태그 열고

console.log(this) 찍으면 window 나옴

index.html

<html>
    <script>
        console.log(this); //window
    </script>
</html>

마찬가지로 함수안에서도 window

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

Q. Window?

window는 모든 전역변수, 함수 , DOM 을 보관하고 관리하는 전역객체

전체를 감싸는 object 라고 생각하면 편함

object 내에 함수에서는 부모 object

var obj1 = {
    data : 'data',
    fun1 : function() {console.log(this)}
}


obj1.fun1(); //obj1이 출력된다.

object 내에서의 this는 부모 object를 가르킨다

여기선 obj1이 출력됨

var obj2 = {
    data : {
        fun2 : function() {console.log(this)}  
    }
}

obj2.data.fun2(); // this는obj2.data

사실 1번과 2번은 동일한 이야기

<script>
    function fun1() {
        console.log(this);
    }
    
    window.fun1 = function() {
        console.log(this)
    }
    //위 코드는 둘다 같은 내용임
</script>

우리가 아무 선언없이 함수나 변수 만들면 그건 전부 window 객체에 담긴다.

constructor 안에서 쓰면 constructor로 새로 생성되는 object

function fun3() {
    this.name = 'Lee';
}

여기서 this는 fun3으로부터 새로 생성될 object를 의미함

var obj3 = new fun3();

console.log(obj3.name); //'Lee'가 출력됨

eventlistener 안에서 쓰면 e.currentTarget

PreviousES6 JS 신문법 Next개발에 대한 잡다한 이야기

Last updated 1 year ago