javascript - 使用 SyntaxError 捕获无效变量名

Question

首先，catch 子句没有被执行。但我在浏览器中收到“SyntaxError:缺少指数”错误。我想知道是否是因为加载时间？或者是我的设置不对。

我想针对不正确的变量名称生成自定义错误。

try {
  var 1ele = 1;
} catch (error) {
  if (error instanceOf SyntaxError) {
    throw new SyntaxError("There is a syntax error!");
  }
}

感谢您的帮助。

Answer 1

您在代码中引入了语法错误 var 1ele = 1; 并打算捕获该错误以显示自定义错误消息。但是，这不会按照您现在编写的方式工作，因为语法错误将导致 JavaScript 解析器在遇到语法错误后很快停止。代码的 catch 部分永远不会被访问。

但是，您可以使用 eval 语句实现相同的效果。尝试下面的代码。

try {
  eval("var 1ele = 1");
} catch (error) {
  if (error instanceof SyntaxError) {
    throw new SyntaxError("There is a syntax error!");
  }
}

在这里，我将导致变量声明的语法错误包装在 eval 函数中。这只会在执行 eval 语句的环境中导致语法错误，而不是在您的主代码中。您将能够捕获错误并显示您的自定义消息。

注意 1: 您收到 “SyntaxError:缺少指数” 错误消息，因为您的变量名称以 1e 开头，这使得 JavaScript解析器认为它是一个指数格式的数字。

注2:您在代码中使用了instanceOf。它实际上是 instanceof (带有小写的 o)。 Ref