JS之this指向问题

描述

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象。

什么是this？

js的函数调用是动态的，由于函数可以在不同的环境中调用，在函数中定义了this关键字，用来获取当前的运行环境，this是一个指针型的变量，动态的引用当前的环境，具体点来说，就是调用函数的对象。this永远指向其所在函数的调用者，如果没有调用者，则指向全局对象window。

1.全局作用域或者普通函数中的this指向全局对象window（注意定时器里面的this指向window）

console.log(this); //this指向window
function  fn() {
    console.log(this); //this指向window
}
fn();
// window.fn(); //可写成这样

//  定时器里面的this
window.setTimeout(function () { //window可以省略 this指向的是window
    console.log(this);
},1000)

2.方法调用中谁调用this指向谁

HTML部分

<button id="btn">点击事件</button>

JS部分

var user = {
    sayHi:function () {
        console.log(this); //this指向的是user这个对象
    }
}
user.sayHi();

var btn = document.getElementById("btn");
btn.onclick = function () {
    console.log(this);  //<button id="btn">点击事件</button> this指向的是btn这个按钮对象
}
btn.addEventListener('click',function () {
    console.log(this); //this指向的也是btn这个按钮对象
})

3.构造函数中this指向构造函数的实例

function  Fun() {
    console.log(this);  //this指向的是 fun实例对象
}
var fun = new Fun();