JavaScript作用域与链式查找机制详解

JavaScript作用域概述

在JavaScript的学习过程中，作用域是一个核心概念。与其他主流编程语言相比，JavaScript的作用域机制存在显著差异，理解这些差异对于编写健壮代码至关重要。

块级作用域的缺失

首先，JavaScript传统上不具备块级作用域（Block Scope）。

这一特性可以通过以下代码直观展示：

if（）｛
 var a = 100； 
　　console.log(a) //输出100
｝
console.log(a) //输出100

在JavaScript中，诸如if、for、switch等语句所包裹的代码块内部定义的变量，在代码块外部依然可以被访问和读取。这证实了JavaScript在ES6之前没有块级作用域的概念。

全局变量与window对象

其次，需要明确全局变量的行为特征。

JavaScript规范规定，所有全局变量均可视为window对象的属性，并且它们可以被任何代码块访问。

var a = 10;
function() {
　　b = 20; 
 console.log(a); //输出10;
}
console.log(b); //输出20;

即便在匿名函数内部未显式定义变量a，由于a属于全局变量，其他代码块仍能读取其值。在复杂项目中，若操作不当，全局变量极易引发严重Bug。因此，日常开发中应尽量避免使用全局变量。此外，若声明变量时遗漏var关键字，该变量将自动成为全局变量，故书写时必须严格使用var（或let/const）进行声明。

局部变量的封闭性

接下来讨论局部变量的特性。

鉴于全局变量易导致代码隐患，明确区分全局与局部变量至关重要。局部变量仅在其所属函数内部可见，在函数外部无法直接访问该变量。

function doSomething(){
 var blogName="智轩资本";
 function innerSay(){
  alert(blogName);
 }
 innerSay();
}
alert(blogName); //undefined
innerSay(); //undefined

作用域链与变量查找机制

最后，探讨JavaScript的作用域链（Scope Chain）机制。

由于存在全局和局部变量，JavaScript在引用变量时会沿作用域链向上查找。若函数内部定义了该变量，则直接取值；若未定义，则向上一级作用域查找。若找到则返回，若逐级向上直至全局作用域仍未找到，则该变量值为undefined。

通过以下示例进一步分析：

var myName = '智轩资本';
function scoap() {
 　console.log(myName);
　　　　var myName = "zhixuan";
　　　　console.log(myName);
　　　　console.log(age);
 } 
scoap();

分析该示例：调用scoap()函数时，第一个console.log(myName)会触发原型链（此处指作用域链）查找。首先检查函数内部是否定义了myName，发现内部确实有定义。那么第一个console.log(myName)的值是否为“zhixuan”？并非如此。因为在执行第一个console.log时，变量myName尚未被赋值（存在变量提升现象，但此时值为undefined），所以第一个输出为undefined，而第二个console.log(myName)输出“zhixuan”。

再看另一个示例：

var a = 10;
function zhixuan() {
 console.log(a);
}
function ziben() {
 var a = 20;
 zhixuan();
}
ziben();

此时console.log(a)的值是多少？首先执行ziben()函数，内部定义a为20；接着执行zhixuan()函数，要求输出a。由于JavaScript的作用域是在函数定义时确定的（词法作用域），zhixuan()函数会向上查找至全局作用域，找到var a=10，而不是沿ziben()的作用域查找。因此，console.log(a)的输出结果为10。

上述理解较为浅显，若需深入探究，推荐阅读：https://www.jb51.net/article/57393.htm

本文内容至此结束，希望能为您的学习或工作提供帮助。如有疑问欢迎留言交流，同时也感谢对本站的支持！