JavaScript中this指向问题

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定，this最终指向调用它的对象。
1.通过函数名直接调用，this指向window

function func(){
console.log(this)
}
test() // this -> window

2.函数作为window内置函数的回调函数调用，this指向window

setTimeout(function func(){
console.log(this)
},100)
// this -> window

3.通过对象调用函数，this指向这个对象

var obj = {
    func: function(){
    console.log(this)
}
  
}
obj.func() // this -> obj

4.函数作为构造函数，this指向新new出的对象

function func(){
console.log(this)  // this -> window
}
var newfunc = new func() // this -> newfunc

5…利用apply、call改变this指向

var obj = {}
function func(){
console.log(this)
}
func() // this -> window
func.call(obj) // this -> obj
func.apply(obj) // this -> obj

当使用apply和call上下文调用的时候this指向传入的第一个参数

友情链接：点击查看　JavaScript作用域、闭包、this指向系列文章目录

友情链接：点击查看所有文章目录