为何JavaScript语法错误行前代码未执行？与类型错误行为差异解析

两段代码示例 #

语法错误示例（无console输出） #

// snippet for syntax error
console.log("hello stackoverflow!");
const test3;
test3='❌'
console.log(test3)

var name="me"
console.log(name)

这段代码中，即便console.log("hello stackoverflow!")写在错误代码之前，也没有任何输出。

类型错误示例（第一个console正常输出） #

// snippet for typeError
console.log('hello stackoverflow!')
const test3 = '✅'
test3='❌'
console.log(test3)

var name="me"
console.log(name)

这段代码中，console.log('hello stackoverflow!')能正常输出，直到执行到test3='❌'时才触发错误。

疑问解答 #

1. 差异产生的原因是什么？ #

JavaScript代码执行分为编译阶段和运行阶段：

• 第一段代码的const test3;属于语法错误——const声明变量必须同时初始化，不符合语法规范。这类错误在编译阶段就会被检测到，引擎直接终止整个代码执行，根本不会进入运行阶段，所以前面的console.log没机会运行。
• 第二段代码的错误是运行时错误——const变量不可重新赋值的规则，只有在代码执行到test3='❌'这一行时才会触发。而在此之前，console.log('hello stackoverflow!')已经在运行阶段完成执行，因此能正常输出。

2. JavaScript中由谁识别这些错误？ #

• 语法错误：由JavaScript引擎的解析器识别。解析器在编译阶段负责把代码转换成抽象语法树（AST），如果代码不符合语法规则，会直接抛出语法错误，中断后续流程。
• 运行时错误（如类型错误）：由JavaScript引擎的执行器识别。执行器在运行阶段逐行执行代码，当遇到违反运行规则的操作（比如修改const变量）时，就会抛出运行时错误。

3. 错误识别是否发生在内存分配之前？ #

• 语法错误：是。语法错误在编译阶段就被发现，此时引擎还未开始执行代码，也不会为任何变量分配内存，整个代码直接终止。
• 运行时错误：否。运行时错误发生在代码执行过程中，此时前面的代码已经完成了部分变量的内存分配（比如const test3 = '✅'已经完成变量声明、内存分配和赋值），错误是在后续执行修改操作时才触发的。

内容的提问来源于stack exchange，提问作者Anjali Chauhan