Javascript 的作用域链

最新推荐文章于 2024-09-21 22:40:46 发布

原创最新推荐文章于 2024-09-21 22:40:46 发布

· 161 阅读

0 ·

版权

文章标签：

#javascript #前端 #java

本文介绍了JavaScript中的作用域概念，包括全局作用域、函数作用域和ES6引入的块级作用域。作用域决定了变量的可见性和生命周期，而作用域链用于在不同作用域间查找变量。全局变量可在程序任何地方访问，函数内的变量为局部作用域，只在函数内部有效。块级作用域由let和const关键字创建，限制了变量的作用范围。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.作用域概念：

作用域就是变量的可用性的代码范围，就叫做这个变量的作用域。

2.作用域链概念：

当你要访问一个变量时，首先会在当前作用域下查找，如果当前作用域下没有查找到，则返回上一级作用域进行查找，直到找到全局作用域，这个查找过程形成的链条叫做作用域链。

3.作用域分成：

全局作用域
块级作用域
函数作用域（局部作用域）

1.1 全局作用域：任何不在函数中或是大括号中声明的变量，都是在全局作用域下，全局作用域下声明的变量可以在程序的任意位置访问

// 全局变量
var greeting = 'Hello World!';
function greet() {
  console.log(greeting);
}
// 打印 'Hello World!'
greet();

1.2 函数作用域（局部作用域）：如果一个变量是在函数内部声明的它就在一个函数作用域下面。这些变量只能在函数内部访问，不能在函数以外去访问

function greet() {
  var greeting = 'Hello World!';
  console.log(greeting);
}
// 打印 'Hello World!'
greet();
// 报错： Uncaught ReferenceError: greeting is not defined
console.log(greeting);

可见上述代码中在函数内部声明的变量或函数，在函数外部是无法访问的，这说明在函数内部定义的变量或者方法只是函数作用域

1.3 块级作用域：ES6引入了`let`和`const`关键字,和`var`关键字不同，在大括号中使用`let`和`const`声明的变量存在于块级作用域中。在大括号之外不能访问这些变量

{
  // 块级作用域中的变量
  let greeting = 'Hello World!';
  var lang = 'English';
  console.log(greeting); // Prints 'Hello World!'
}
// 变量 'English'
console.log(lang);
// 报错：Uncaught ReferenceError: greeting is not defined
console.log(greeting);