javascript - ES6箭头函数 chrome调试直接console和控制台输出得到不同结果

Question

ES6箭头函数 chrome调试在console.info(this)能得到值，而直接在控制台输入this，回车为undefined

 render: (text, record) => {
    console.info(this);       
 }
 

用的webpack和babel，这个时候没有编译成ES5。

Answer 1

原因是babel在默认会使用严格模式(strict mode)来转译。所以在函式呼叫时，如果没有明确的非全域对象，也就是当对象为全域(浏览器中为window，node.js中为global)时，使用this会变为undefine。

这个设置可以关闭，但要看你是用了哪些babel外挂与版本，可以参考这篇中的说明: https://github.com/shanggqm/b...

Answer 2

那么问题来了，为什么我的Chrome是正常的呢？

Answer 3

非严格模式下
如果 this 为 null,undefined 时，this = window。