javascript – 如果babel将let和const转换为var,有什么区别?

我试过the babel transpiler,它将All let,const和var转换为var,所以总的来说,我们的代码使用有什么不同?

 我已经读过文件了,我知道let,const和var之间的区别是什么,但是如果所有这些文件最终转换为var,那有什么区别?这意味着在性能甚至范围上不应该有任何有意义的差异!

更新(02.14.2019):根据我的理解,范围确实很重要,即使它们被转换为var,babel仍保留范围的含义.我的问题仍然是性能,是否有任何有意义的性能差异?

我已经附加了转换器的输入和输出,具有更复杂的场景

输入:

let a = 1;

for (let a = 0; a !== 0;) {
  for (let a = 0; a !== 0;) {}
}

产量

"use strict";

var a = 1;

for (var _a = 0; _a !== 0;) {
  for (var _a2 = 0; _a2 !== 0;) {}
}
最佳答案
Babel将ES6语法转换为ES5语法(或者您正在处理的JS的任何源和目标版本).

这通常会丢失代码中的一些细微差别,但您正在寻找一个非常简单的例子.

请考虑一下:

let x = 1;

{
  // Inside a block, this is a different x
  let x = 2; 
  console.log(x);
}

console.log(x);

Babel会将其转换为:

"use strict";

var x = 1;
{
  // Inside a block, this is a different x
  var _x = 2;
  console.log(_x);
}
console.log(x);

看看它如何重命名内部x,以便它不会覆盖外部x?

它尽可能地表达了ES6在ES5中的效果,即使结果很难看(因为ES6的优雅功能不可用).

转载注明原文:javascript – 如果babel将let和const转换为var,有什么区别? - 代码日志