JS | this

1 ) 함수에서의 this 는 window라는 최상위 객체를 가리킨다.

 

//함수에서의 this -> window라는 최상위 객체를 가리킴
        
        var a = 1; //전역변수 a는 window에 선언됨 

        function aaa(){

            var a = 10; //지역변수
            console.log(a); //지역변수 접근 10 
            console.log(this); //window
            console.log(this.a); //전역변수에 접근 1
        }

        aaa();

 

 

2 ) 이벤트에서의 this 는 태그 자신을 가리킵니다.

//이벤트에서의 this -> 태그 자신

        var btn = document.getElementById("btn");
        btn.addEventListener("click", function(){
            console.log(this); //태그 자기자신 
        })