'let 和 'var' 在 Typescript 中是一样的吗？

Question

我正在研究 AngularJS 2 和 Typescript，我决定用它来做一些事情，只是为了学习 Typescript 的基础知识。通过许多研究，我发现了关于模块、Typescript 的好话题，其中之一是谈论 'let' 和 'var' 命令来声明变量；根据this的问题，下面的Typescript代码应该只显示一个警报并在控制台中抛出错误：

test.ts：

for(let i = 0; i < 1; i++) {
    alert(i);
}
alert(i);

编译好的 test.js：

for(var i = 0; i < 1; i++) {
    alert(i);
}
alert(i);
//# sourceMappingURL=test.js.map

但事实并非如此。编译器“忽略”“let”命令并将其转换为“var”命令。为什么会这样？ Typescript 是否仅适用于类？

我正在为“npm start”使用 AngularJS 配置，因此它会自动编译我的“test.ts”文件：

  "scripts": {
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
    "lite": "lite-server",
    "postinstall": "typings install",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "typings": "typings"
  },

Answer 1

但事实并非如此。编译器“忽略”“let”命令并将其转换为“var”命令。为什么会这样？ Typescript 是否仅适用于类？

编译器默认转译为 ES3。 let 关键字在 ES3 中不存在，因此发射器必须使用 ES3 中可用的语法发出代码......在这种情况下，let 关键字的最佳替代品是 var 关键字。

如果您希望它使用 let 关键字发出，那么您必须在 tsconfig.json 或命令行选项 --target es6 中定位 ES6—"target": "es6"。这样做会输出与您输入的代码相同的代码。

请注意，即使您的代码在运行时工作，它也会抛出一个错误，让您知道您在编译时犯了一个错误：

for(let i = 0; i < 1; i++) {
    alert(i);
}
alert(i); // compile error: cannot find name 'i'

Answer 2

在此示例中，var 和 let 具有相同的效果，var 在大多数 JS 引擎上要快一些，因此 TypeScript 通过将其更改为 var 为您进行了一些性能优化。

现在，如果您尝试一个不同的示例，您会发现 let 不仅更改为 var，而且还发生了更多神奇的事情：

for (let i = 0; i < 3; i++) {
  setTimeout(function() { alert(i); });
}

确实在这个例子中let 和var 不会有同样的效果。 let 会显示1 2 3，而使用var 我们会看到3 3 3。如果你想进一步了解 ES6 引入的 let 关键字，可以查看：

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/let

Answer 3

它们相同，但在函数中使用时存在不同。

让

function theDifference(){
    for(let emre = 0; emre < 10; emre++){
    // emre is only visible inside of this for()
    }

// emre is NOT visible here.
}

VAR

function theDifference(){
    for(var emre = 0; emre < 10; emre++){
    // emre is visible inside of this for()
    }

// emre is visible here too.
}