es6中箭头函数this的疑问

Question

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

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

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

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

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

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

先谢过大家了。

Answer 1

记住这一点就好了，箭头函数里的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();

Answer 2

谢邀，你的总结有雾

在浏览器环境下，最外层的作用域是window。

在nodejs里，最顶层是global，但每个js文件都是在一个module的闭包作用域里。

Answer 3

在浏览器里作用域链最外层就是 window 对象啊.

Answer 4

如果找不到，那就是window对象或undefined了

Answer 5

箭头函数的this,在你定义的时候就已经决定了

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

在你的这个例子里面

obj2 这个对象的this,是指向的window的 所以这个this肯定是指向的window

小改一下

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

这个时候就是都指向的obj2

因为箭头函数去找他的上一级的this 而这个this就是这个函数的调用者,也就是 obj2

Answer 6

箭头函数并不是用来替代普通函数的，如果在箭头函数中使用this引用当前对象就没有必要使用箭头函数。

Answer 7

箭头函数的this不能用call()或者apply()进行绑定

Answer 8

由于箭头函数没有自己的this，所以当然也就不能用call()、apply()、bind()这些方法去改变this的指向。内部的this指向外部的this。

Answer 9

你说错了，应该说箭头函数的 this 永远指向该函数构造时的环境。