“语法错误：意外令牌'let'的问题答案

【问题标题】：Problem with "Syntax error: unexpected token 'let'“语法错误：意外令牌'let'的问题
【发布时间】：2019-07-28 07:41:08
【问题描述】：

我正在使用 AptanaStudio 3，但我的一些 javascript 代码出现错误：

语法错误：意外的标记 'let'。

我该如何解决这个问题？也许有一些方法可以使用let？我不知道。我刚开始使用 Javascript，我有点困惑。也许这只是 AptanaStudio 3 的问题？

const para = document.querySelector('p');

para.addEventListener('click', updateName);

function updateName() {
    let name = prompt('Enter a new name');
    para.textContent = 'Player1:' + name;
}

这段 Javascript 代码为我的 html/css 代码添加了一些动态行为。

【问题讨论】：

您的浏览器不支持 ES6 "let"，请尝试将 let 替换为 var
你用的是哪个浏览器？
Aptana 已被废弃。它很可能不支持现代 JavaScript。
Aptana 已经严重过时了。您应该使用最新的编辑器/IDE，例如 Visual Studio Code。

标签： javascript ecmascript-6 aptana aptana3

【解决方案1】：

在这种情况下，var 在语法上与let 相同，并且得到更广泛的支持，尤其是在 Microsoft 的 Internet Explorer 上。为了让你的代码完全兼容 ECMAScript 5，它看起来像这样：

var para = document.querySelector("p");

para.addEventListener("click", updateName);

function updateName() {
    var name = prompt("Enter a new name");
    para.textContent = "Player1:" + name;
}

_{（除了将 ES6 const 和 let 替换为 ES5 var 之外，没有任何变化。）}

【讨论】：

如果这是一个 ES6 兼容性问题，那么 OP 不会首先收到 const 的错误，因此永远不会看到 let 错误吗？

【解决方案2】：

我刚刚测试了您的代码，它可以正常工作！我认为问题出在 AptanaStudio，您应该阅读：Does Aptana support ES6?。问题是，让我们的声明与 ECMAScript 6 一起诞生，“新 Javascript”啊哈哈
阅读这篇文章以了解更多关于 js 功能的更新：https://www.w3schools.com/js/js_es6.asp
我建议您寻找其他 IDE，甚至开始考虑在没有真正 IDE 的情况下进行编程，而只需使用 Visual Code 或 Sublime Text 之类的文本编辑器（我非常喜欢）。
为了进行测试，我只是使用了 Visual Studio Code，并在 Google Chrome 中使用以下代码打开了 html 文件：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>

</head>
<body>
  <p>Player name.</p>
  <script>
    const para = document.querySelector('p');

    para.addEventListener('click', updateName);

    function updateName() {
      let name = prompt('Enter a new name');
      para.textContent = 'Player1:' + name;
    }
  </script>
</body>
</html>

【讨论】：