javascript - es6中箭头函数this的疑问

问题描述

问 题

我看网上的说法是，箭头函数本身没有this，只能沿着作用域链网上找，直到找到一个确定的this，如果找不到，那就是Windows或undefined了。

那就存在一个这样的疑问，如果最外层的函数本身也是箭头函数呢？是不是就不存在this了，比如：

var obj2 = {
    id: 2333,
    test: () => console.log(this)
}
obj2.test();//window
obj2.test.call(obj2);//window

可以看到this都是指向了window。

本来想总结为，如果箭头函数中需要使用this，外层一定要存在一个非箭头函数（这句话是错的，但不知道错在哪）。

可是写代码的时候碰到了反例，那个例子比较难描述，这边就不说了。我现在想问问，我的理解是在哪边有问题。

先谢过大家了。

解决方案

记住这一点就好了，箭头函数里的this是定义时所在的作用域，而不是运行时所在的作用域

var obj2 = {
    id: 2333,
    test: () => console.log(this)
}

改写成ES5

var obj2 = {};
obj2.id = 2333;
var _this = this;
obj2.test = function(){console.log(_this);}

此时_this的指向已经确定好了，无论使用任何call或者apply调用，都不会改变_this的值。
如果采用另外一种方式，则可以达到想要的效果，如下：

function OBJ(){
    this.id = 2333;
    this.test = () => console.log(this);
}
var obj2 = new OBJ();

改写成ES5

function OBJ(){
    this.id = 2333;
    var _this = this;
    this.test = function(){console.log(_this);}
}
var obj2 = new OBJ();

这篇关于javascript - es6中箭头函数this的疑问的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！