Javascript的作用域及作用域链浅析：掌握面试必备知识点

2023-05-30 17:13:24

深入理解 JavaScript 作用域：面试中脱颖而出的关键

引言：

在 JavaScript 的世界里，作用域是一个至关重要的概念，掌握它对于编写健壮且无错误的代码至关重要。它直接影响了变量和函数的可访问性，在面试中也经常成为考查的重点。本文将深入剖析 JavaScript 作用域及其相关知识，为你提供备战面试和提升编程能力的利器。

1. 什么是 JavaScript 作用域？

JavaScript 作用域是指代码中变量和函数的可访问范围。它可以分为两种：

全局作用域： 在整个程序中都可以访问的变量和函数。
局部作用域： 只能在特定的代码块内访问的变量和函数。

全局作用域中的变量和函数可以直接使用，而局部作用域中的变量和函数只能在声明它们的代码块内使用。

2. JavaScript 的作用域链

JavaScript 中，作用域链是指一个作用域可以访问的另一个作用域的链。作用域链是从当前作用域开始，向上追溯到全局作用域。如果当前作用域无法找到所需的变量或函数，则会继续向上在作用域链中查找。

作用域链确保了变量和函数的正确访问，防止了命名冲突和意外错误。

3. 经典面试题：猜猜输出结果

考虑以下 JavaScript 代码：

var a = 10;

function foo() {
  var a = 20;
  return function() {
    console.log(a);
  }
}

var bar = foo();
bar(); // 输出结果是多少？

答案：20

解析： 在这个例子中，变量 a 在函数 foo() 内部被声明，因此它属于 foo() 的局部作用域。当函数 foo() 被调用时，它的局部作用域被创建。在这个作用域中，变量 a 被赋值为 20。当函数 foo() 返回时，它的局部作用域被销毁，但是函数 bar() 依然存在。函数 bar() 的作用域链中包含了 foo() 的局部作用域，因此它可以访问 foo() 中声明的变量 a。因此，当函数 bar() 被调用时，它会输出 20。