浅谈JavaScript 执行顺序

在JavaScript中，代码执行的顺序可以影响到程序的执行结果。具体来说，程序在执行时会按照一定的顺序依次执行各个语句。本文将深入讲解JavaScript中的执行顺序。

代码执行阶段

代码执行阶段可以分为两个阶段：

1. 解析阶段
2. 执行阶段

其中，解析阶段是将代码转化成抽象语法树（AST），并进行语义分析，确定变量、函数等的声明。而执行阶段则是按照AST的结构从上而下执行代码。

执行顺序

JavaScript中的执行顺序遵循从上到下、从左到右的顺序执行语句。但是，还有一些特殊情况会影响到执行的顺序。

函数优先级

在JavaScript中，函数的执行具有高优先级。这意味着，在函数执行时，整个函数的代码块都会被“移到”执行阶段的最前面，先于其他语句执行。如下面的代码示例：

function foo() {
  console.log("foo");
}

function bar() {
  console.log("bar");
}

foo();
bar();

输出结果为：

foo
bar

在这个例子中，函数foo()和bar()都被声明并赋值。在调用它们时，函数foo()会先执行，输出结果为“foo”，然后函数bar()才被执行，输出结果为“bar”。

运算符优先级

在JavaScript中，不同运算符有不同的优先级。当出现多个运算符时，JavaScript会根据运算符的优先级确定它们的执行顺序。例如，乘法运算符*的优先级高于加法运算符+，如下面的代码示例：

console.log(2 + 3 * 4);

输出结果为：

14

在这个例子中，乘法运算符*的优先级高于加法运算符+。所以，先执行3 * 4，然后再加上2，输出结果为14。

括号优先级

在某些情况下，我们可以使用括号来改变运算符的优先级，从而影响执行顺序。例如，加号+和减号-具有相同的优先级，但是使用括号我们可以改变它们的执行顺序。如下面的代码示例：

console.log(2 + (3 - 1));

输出结果为：

4

在这个例子中，使用括号改变了减法运算符-的执行顺序。先执行3 - 1，然后再加上2，输出结果为4。

异步执行

JavaScript中还有一种特殊情况，即异步执行。异步执行是指在代码执行期间，某些操作会被推迟到后面再执行。例如，使用定时器函数setTimeout()可以将某些操作推迟到一定时间后再执行。如下面的代码示例：

console.log("start");

setTimeout(function() {
  console.log("timeout");
}, 1000);

console.log("end");

输出结果为：

start
end
timeout

在这个例子中，首先输出“start”，然后执行setTimeout()函数。由于该函数的第二个参数为1000毫秒，所以推迟了1秒后才执行函数内部的代码，输出“timeout”。最后输出“end”。

总结

本文深入讲解了JavaScript中的执行顺序。虽然JavaScript代码执行顺序是从上到下、从左到右的，但是由于函数和运算符的优先级、括号的使用、异步执行等特殊情况，可能会影响到代码的执行顺序。开发者们需要明确这些规则，以确保程序能够按照预期的顺序执行。

参考文献

JavaScript Event Loop Explained

JavaScript Operator Precedence Table

ECMAScript® 2022 Language Specification