JavaScript 运行原理详解 - 从解析到执行 - 常规

JavaScript 的运行原理可以分为以下几个步骤:

解析: 当浏览器加载网页时，会将 JavaScript 代码解析为一个抽象语法树 (AST)。
创建全局执行上下文: 解析完代码后，会创建一个全局执行上下文，并将全局变量、函数等添加到全局作用域中。
执行: 从全局执行上下文开始，按照代码的顺序执行。当遇到函数调用时，会创建一个新的执行上下文，并将其加入到调用栈中。
作用域链: 每个执行上下文都有一个作用域链，用于查找变量和函数。作用域链是由当前执行上下文的变量对象和外部环境的作用域链组成的。
变量提升: 在执行代码之前，会将变量声明和函数声明提升到当前执行上下文的顶部。这意味着在代码中可以先使用变量或函数，再声明它们。
执行函数: 当遇到函数调用时，会创建一个新的执行上下文，并将其加入到调用栈中。函数的参数被保存在该执行上下文的变量对象中，并且函数内部的变量和函数也会被添加到该执行上下文的作用域链中。
执行完毕: 当函数执行完毕后，会将执行上下文从调用栈中移除，并返回到调用该函数的执行上下文中继续执行后续代码。
内存回收: 当执行上下文不再被使用时，会被自动回收，释放内存空间。

总的来说，JavaScript 的运行原理是通过解析代码，创建执行上下文，并按照代码的顺序执行。函数调用会创建新的执行上下文，而作用域链用于查找变量和函数。执行上下文的变量和函数会被提升到顶部，函数执行完毕后会返回到调用者的执行上下文中。最后，执行上下文会被回收，释放内存空间。