这是浏览器的 bug 还是 feature，我的 this 呢？

[ssshooter]

[cxe2v]

箭头函数内的 this 有它自己的想法

一般来说是继承上级词法作用域的 this ，这里看来是继承了 map 这个 function 的 this

[ssshooter]

场景再现： https://codesandbox.io/s/missing-eval-this-dyo3q?file=/src/App.vue

[qiguai2017]

箭头函数没有 this 变量

[qiguai2017]

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

[hgc81538]

var self = this;

(function(){
console.log(this, self);
})()

[forgcode]

为啥要用 eval 而不直接 this.valuesJson[question.variable]。箭头函数会被编译吧,编译之后是临时变量就是不 this 了，写在 eval 中的 this 不会被编译到

[codehz]

原因是被编译（ ES6->ES5 ）成
var _this = this
... map(function (question) {
eval('this.xxx' + xxx)
});
这样了。。。
显而易见编译不可能处理 eval 里面的东西（

[kid740246048]

本质原因是 eval 的调用者是 window ，你开个 F12 跑下这行代码就知道了
`eval("console.log(this)")`

[cheese]

原因楼上说了，但是我想知道这里为啥要 eval 啊？

[ssshooter]

@cheese 因为懒得写个 while ，variable 可能是 `a.b.c.d`

[ssshooter]

@forgcode
@codehz 感谢

[cheese]

@ssshooter #10 对象的深层属性获取，可以看下 lodash 的_.get 还挺好用的 https://lodash.com/docs/#get