js中this的指向

我们在写js的时候，总是会因为this的指向错误出现各种各样的bug。this是JavaScript 这门语言中最容易让人困惑的知识点。在我们搞清楚this的用法前还是先认识一下this。

什么是this

this 就是一个指针，指向我们调用函数的对象。this表示当前对象，this的指向是根据调用的上下文来决定的。

this的指向

1.作为函数调用，this指向全局对象

例如：var q = 'window'
     var func = function {
        console.log(this.q)
     }

     func()   //window

2.作为对象的方法调用，该对象即为调用上下文，this指向该对象。

例如：

var q = 'window'
var func = function() {
    console.log(this.q)
}

var obj = {
    q: 'obj',
    func: func,
    anotherObj: {
        q: 'anotherObj',
        func: func
    }
}

obj.func()   //obj
obj.anotherObj.func() //anotherObj

3.作为构造函数调用，构造函数试图初始化这个新创建的对象，并将这个对象作为其调用上下文，this 指向这个新创建的对象。

例如：var q = 'window'

    function Func() {
       this.q = 'Func'
       console.log(this.q)
    }

   var obj = new Func  //Func

   console.log(this.q)  //window

4.通过函数的call/apply方法间接调用, call/apply方法的第一个参数是调用上下文，在函数体内，通过this获得对它的引用

例如：

var q = 'window'

function func() {
　console.log(this.q)
}

var obj = {
 q: 'obj'
}

func.apply()  //window
func.call() //window

func.apply(obj) //obj
func.call(obj) //obj