JS 中 this 的指向性问题

一般情况下this的最终指向是调用它的对象

1.全局作用域或者普通函数指向全局对象window(定时器中的this指向window)

1
2
3
4
5
6
7
8
9
console.log(this);//指向window

function(){
       console.log(this);
}
fn();//fn的调用者是window,即window.fn()

setTimeout(function(){},1000);//前面也省略了一个window
12345678

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

1
2
3
4
5
6
7
8
9
10
11
var o = {
     sayHi:function(){
     console.log(this);//this指向o这个对象
     }
}
o.sayHi();

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

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

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