为什么这段代码会抛出 ReferenceError: test is not defined？答案

【问题标题】：Why does this code throw ReferenceError: test is not defined?为什么这段代码会抛出 ReferenceError: test is not defined？
【发布时间】：2016-09-18 18:21:08
【问题描述】：

var te‌st = 1
console.log(test)

尝试运行这个简单的代码。它给出了错误：ReferenceError: test is not defined，尽管我定义了该变量。为什么会这样？

【问题讨论】：

标签： javascript unicode language-design language-features referenceerror

【解决方案1】：

在变量声明中，变量名包含一个zero-width non-joiner (ZWNJ)字符（在e和s之间），它是不可见的，因为它的宽度等于0。但是，ECMAScript 规范允许这个字符作为变量名的一部分。

但是，在console.log() 调用中，只有test，没有任何特殊字符。因此，它会抛出引用错误，因为变量名称是te<ZWNJ>st，而不是test。

幸运的是，有一种简单的方法可以检查变量名是否包含此类字符。您可以将代码粘贴到 JS Bin 或 JS Fiddle 中——它们用红色背景上的白点表示这些字符。这就是它在 JS Fiddle 中的样子：

我认为某些 IDE 中也有类似的功能。

_{旁注：这是一种有趣的方法，可以防止人们将您在答案中使用的代码 sn-ps 复制粘贴到他们自己的代码中。考虑以下代码 sn-p：}

// Warning: non-copy-pastable, it won't work if you copy it into your code.
function a‌dd(a, b) {
  return a + b
}

console.log(a‌dd(2, 3))

_{函数名和函数调用中有一个 ZWNJ 字符，所以在这里可以使用。但是，如果有人将该函数复制到他们的代码中，然后手动输入console.log(add(3, 4))，则会抛出ReferenceError: add is not defined。}

_{请不要当真，这与其说是玩笑不如说是实际用途。}

相关