JS——this指向（一）

没有箭头函数之前。this就是函数运行时所在的环境对象，但是在箭头函数中this就是定义时所在的对象，即：函数运行时所在的环境对象。

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

var a = 'window'
var func = function {
   console.log(this.a)
}
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