본문 바로가기

Web/JavaScript

[JS] 화살표 함수(Arrow Function), 정규 함수(Normal Function) 그리고 this

JavaScript에서 this는 너무 애매하고 복잡한 부분인 듯 하다

// 화살표 함수(Arrow Function)
({a: function(){
        (function(){console.log(this)})() // console : Window
    }
}).a()

// 정규 함수(Normal Function)
({a: function(){
        (()=>console.log(this))() // console : {a: fn}
    }
}).a()

// 정규함수와 Function.prototype.call
({a: function(){
        (function(){
            console.log(this) // console : {a: fn}
        }).call(this)
    }
}).a()