JavaScript中执行上下文和作用域的原理是什么？

本文共计3405个文字，预计阅读时间需要14分钟。

前言：如果你是或想成为一名合格的前端开发者，你必须了解JavaScript代码在执行过程中的相关知识，包括上下文、作用域、变量提升等概念，并将其熟练应用到自己的代码中。本文将简要介绍这些概念。

前言

　　如果你是或者你想成为一名合格的前端开发工作者，你必须知道JavaScript代码在执行过程，知道执行上下文、作用域、变量提升等相关概念，并且熟练应用到自己的代码中。本文参考了你不知道的JavaScript,和JavaScript高级程序设计，以及部分博客。

正文

　1.JavaScript代码的执行过程相关概念

　　js代码的执行分为编译器的编译和js引擎与作用域执行两个阶段，其中编译器编译的阶段（预编译阶段）分为分词/词法分析、解析/语法分析、代码生成三个阶段。　　　　　　

　　　 （1）在分词/词法分析阶段，编译器负责将代码进行分割处理，将语句分割成词法单元流/数组；

　　 　（2）在解析/词法分析阶段，将上一阶段的词法单元流转换成由元素嵌套组成的符合程序语法结构的抽象语法树；

　　　 （3）在代码生成阶段，将抽象语法树转换成可执行代码，并交付给js引擎。

　　 js代码执行的三个重要角色：

　　　　（1）js引擎：负责代码执行的整个过程

　　　　（2）编译器：负责js代码语法解析和生成可执行代码

　　　　（3）作用域：手机并维护所有声明标识符，根据特定规则确定当前代码对声明的标识符的访问权限

　　2. 执行上下文和执行栈

　　每当js代码在运行的时候，它都是在执行上下文中运行。