一篇文章，看懂JS执行上下文

开篇点睛

执行上下文是计算机编程语言运行时创建的一种环境，负责执行代码。在JavaScript中，执行上下文决定了变量和函数的作用域。在本文中，我们将讨论执行上下文的基础知识，以及它在JavaScript中的工作原理。

关键词：

正文

执行上下文基础

执行上下文是JavaScript解释器在执行代码时创建的一种环境，它包含了执行代码所需的各种信息，包括变量对象、函数对象、this对象和作用域链。

JavaScript代码是在执行上下文中执行的，每个执行上下文都有自己的变量对象、函数对象、this对象和作用域链。执行上下文的创建和销毁与函数的调用和返回相关，当一个函数被调用时，一个新的执行上下文就会被创建，当函数返回时，这个执行上下文就会被销毁。

变量提升

在JavaScript中，变量在声明之前就可以使用，这种现象称为变量提升。变量提升是由于JavaScript的解释器在执行代码之前会先扫描代码，并将所有的变量声明提升到函数或脚本的顶部。

变量提升会导致一些意想不到的行为，例如：

console.log(a); // undefined
var a = 1;

这段代码中，变量a在声明之前就使用了，但是输出的结果是undefined。这是因为变量a在声明之前被提升到了函数的顶部，但是此时a还没有被赋值，所以输出结果为undefined。

let 和 var 的区别

let和var都是JavaScript中声明变量的，但是它们有一些区别。

• let声明的变量具有块级作用域，而var声明的变量具有函数级作用域。
• let声明的变量在声明之前不能使用，而var声明的变量在声明之前就可以使用。
• let声明的变量不能重复声明，而var声明的变量可以重复声明。

this关键字

this关键字在JavaScript中是一个很重要的关键字，它代表当前执行代码的对象。this关键字的值在不同的情况下会有不同的值。

• 在全局执行上下文中，this的值是window对象。
• 在函数执行上下文中，this的值是函数所属的对象。
• 在对象的方法中，this的值是对象本身。

词法作用域和动态作用域

作用域是指变量和函数的可见范围。在JavaScript中，有两种作用域：词法作用域和动态作用域。

• 词法作用域是指变量和函数的作用域由代码的结构决定。在词法作用域中，变量和函数的作用域由它们在代码中的位置决定，与它们的执行环境无关。
• 动态作用域是指变量和函数的作用域由代码的执行环境决定。在动态作用域中，变量和函数的作用域由它们的执行环境决定，与它们在代码中的位置无关。

结语

执行上下文是JavaScript中一个很重要的概念，通过理解执行上下文，我们可以更好地理解JavaScript的运行机制，避免一些常见的错误。