轻松搞懂 JavaScript 中的作用域和执行上下文
2023-10-13 19:05:03
JavaScript 中的作用域
作用域是 JavaScript 中的一个重要概念，它决定了变量在代码中的可见范围。变量的作用域可以是全局的，也可以是局部的。全局变量在整个代码中都可以访问，而局部变量只能在其定义的块或函数中访问。
全局执行上下文
在 JavaScript 代码执行之前，会创建一个全局执行上下文。全局执行上下文包含了全局变量、全局函数和内置对象。当 JavaScript 代码执行时，全局执行上下文被激活，代码中的变量和函数可以在全局执行上下文中访问。
函数执行上下文
当一个函数被调用时，会创建一个函数执行上下文。函数执行上下文包含了函数的参数、局部变量和函数内的代码。当函数执行时，函数执行上下文被激活，函数中的变量和代码可以在函数执行上下文中访问。
变量作用域
变量作用域是指变量可以被访问的范围。变量的作用域可以是全局的，也可以是局部的。全局变量在整个代码中都可以访问，而局部变量只能在其定义的块或函数中访问。
在 JavaScript 中，变量作用域有两种类型：词法作用域和动态作用域。词法作用域是基于代码的结构来确定变量的作用域，而动态作用域是基于函数的调用关系来确定变量的作用域。
词法作用域
词法作用域是 JavaScript 中最常见的变量作用域类型。在词法作用域中，变量的作用域是由代码的结构决定的。变量在代码中的位置决定了它的作用域。
例如，以下代码中的变量 x 的作用域是函数 foo：
function foo() {
var x = 10;
}
console.log(x); // ReferenceError: x is not defined
动态作用域
动态作用域是 JavaScript 中不常见的变量作用域类型。在动态作用域中，变量的作用域是由函数的调用关系决定的。变量的作用域是函数被调用的地方。
例如，以下代码中的变量 x 的作用域是函数 bar：
function foo() {
var x = 10;
function bar() {
console.log(x); // 10
}
bar();
}
foo();
**执行环境和 this **
执行环境是 JavaScript 代码执行的上下文。执行环境包含了变量、函数和内置对象。执行环境可以是全局执行环境，也可以是函数执行环境。
this 关键字指向当前的执行环境。在全局执行环境中，this 关键字指向 window 对象。在函数执行环境中，this 关键字指向函数所属的对象。
严格模式
严格模式是 JavaScript 中的一种特殊模式。在严格模式下，JavaScript 代码会以更加严格的方式执行。严格模式可以防止一些常见的错误，例如变量未声明就使用。
在严格模式下，全局执行上下文和函数执行上下文都会受到影响。在全局执行上下文下，var 关键字声明的全局变量不会自动赋值为 undefined。在函数执行上下文下，函数的参数和局部变量必须先声明后使用。
var、let 和 const 关键字
在 JavaScript 中，有三种声明变量的var、let 和 const。
- var 关键字声明的变量是全局变量或局部变量，具体取决于变量声明的位置。
- let 关键字声明的变量是块级变量，只在声明它的块内有效。
- const 关键字声明的变量是常量，不能被重新赋值。
结语
作用域和执行上下文是 JavaScript 中两个重要概念。理解这些概念可以帮助您更好地掌握 JavaScript 代码的执行机制，编写出更加健壮和可维护的代码。
