Question

我正在使用AptanaStudio 3，并且在使用一些JavaScript代码时，出现错误：

语法错误：意外的令牌“ let”。

如何解决此问题，或者也许可以使用let来解决问题？我不知道我刚开始使用Javascript，但有点困惑。也许这只是AptanaStudio 3问题？感谢您的提前帮助。亚当

我是Java语言的新手，所以我根本不知道该怎么做。

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代码添加了一些动态行为。

Answer 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;
}

_{（除了用ES5 const替换ES6 let和var之外，其他都没有改变。）}

Answer 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>

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

2 个答案: