javascript中this指向问题

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

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

console.log(this);

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

setTimeout(function () {
    console.log(this);
}, 1000);

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

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

var btn = document.querySelector('button');
btn.onclick = function () {
    console.log(this); // this指向的是btn这个按钮对象
}

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

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

4. 箭头函数中的this

this是静态的，this始终指向函数声明时所在作用域下的this的值