代码之家 › 专栏 › 技术社区 › Gaurav Chaudhary

fat arrow函数中的“this”与通过babel编译的输出

babeljs ecmascript-6 javascript

Gaurav Chaudhary · 技术社区 · 8 年前

有人能解释一下这种行为吗? 此代码段输出 Window

(()=>{
  console.log(this);
})()

但其使用babel的编译输出是

"use strict";

(function () {
  console.log(undefined);
})();

此输出 undefined

如果babel只是在编译,那么这两种情况下的输出不应该相同吗?为什么? this 转换为 未定义 在巴别塔输出中?

1 回复 | 直到 8 年前

Tamas Hegedus 8 年前

Babel假设您的输入代码是单元 ,模块在 严格模式 . 因此,当粘贴到浏览器的开发人员控制台时,上述代码相当等同于:

(function() {
  "use strict";
  (()=>{
    console.log(this);
  })();
})();

哪个打印 undefined .

推荐文章

Shibaji Biswas · 如何在Template literal的双引号内的html div id中编写JavaScript变量?

1 年前

GulgDev · 为什么不将属性设置为无效值?

1 年前

Koffee · 动画继续使用update()重新启动,而不是在Phaser 3中正常播放

1 年前

Monnt · 如何查看数组是否包括具有特定值的嵌套数组?

1 年前

JsCoder · 用ECDSA对C语言中的数据进行加密#

1 年前

dsi · 排序功能可实现多列的自定义差异

1 年前

huz3y · 如何在JavaScript中基于另一个变量值构建变量?如何重新分配它的值并对该变量执行方法?复制

1 年前

Darigan · clearTimeout将一个函数中的计时器与另一个函数(React.js)一起超时

1 年前

Joseph · 仅在React和JS中生成深色

1 年前

Joseph · 在Javascript中检索一些文本

1 年前