JS——this指向（二）

箭头函数中this对象就是定义时所在的作用域，也就是说箭头函数本身没有this，内部的this是指外层代码作用域中的this。

1、独立函数（该箭头函数在全局环境中定义，即：this指向window）

var a = 0
var test = () => {
     var a = 1
      console.log(this.a）
}

test ()  //运行结果是0

2、對象的方法（func在foo調用時定義，此時的foo所在作用域為obj,所以this指向obj）

var a = 0
function foo(){
    var func = () => {
        console.log(this.a)
    }
    return func
}
var obj = {
    a : 1,
    foo:foo
}
obj.foo()()  //運行結果1

3、构造函数,因箭头函数没有this,固不能用作构造函数，否则会报错

var foo = ()=> {
    console.log(this)
}
var boo = new foo()  //foo is not a constructor

4、bind/call

var a = 0

var func = ()=> {
    console.log(this.a)
}

var obj = {
    a: 1
}

func.call(obj)  //0

如上：func定义在全局，因此打印0，同对象方法，我们可以通过如下改写，打印出1

var a = 0

var func = function() {
    var boo = ()=> {
        console.log(this.a)
    }
    return boo
}

var obj = {
    a: 1
}

func.call(obj)() //1

JS——this指向（二）

推荐阅读