彻底理解this指向

一、什么是this指向

1.在js中，this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。

2.在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。

二、全局环境下的this指向

1.在全局作用域中的this指向，指向window这个全局对象，这里包含了普通函数、匿名函数、立即执行函数

1. 普通函数

function demo(){
    console.log(this);
}

指向window这个全局对象

2.匿名函数

function(){
    console.log(this);
}

指向window这个全局对象

3.立即执行函数

(function(){
    console.log(this);
})()

指向window全局对象

三、ES6新增箭头函数的this指向

箭头函数不绑定this关键字，箭头函数中的this，指向的是函数定义位置的上下文this

var obj = { uname: "张三", age: 21 }

function fn() {
    console.log(this,"外层函数")

    return () => {
        console.log(this,"箭头函数")
    }
}


let result = fn.call(obj)
result()

四、this指向的总结

1. this总是指向函数的直接调用者（而非间接调用者）

2.如果有new关键字，this指向new出来的那个对象

3.在事件中，this指向目标元素，特殊的是IE的attachEvent中的this总是指向全局对象window

函数类型	this的指向
普通函数	指向window
匿名函数	指向window
立即执行函数	window
回调函数	window
箭头函数	函数定义位置的上下文this
对象下的函数	谁调用，指向谁
dom回调	绑定事件的对象