JavaScript作用域链与变量访问机制解析

JavaScript作用域链与变量访问机制解析

在JavaScript中，作用域的基本单位是函数，而非代码块。每个定义的函数都会创建一个独立的作用域，并通过作用域链向上链接，最终指向全局的window对象。

当程序需要查找变量时，会遵循由内而外的顺序，在当前作用域中查找，若未找到则沿作用域链向上一级作用域查找，直到找到该变量为止，找到即停止搜索。

这种查找机制不仅允许内部函数读取外部变量，还允许内部函数直接修改外部作用域中的变量值，体现了JavaScript中变量引用的特性。

var color = "blue";
function changeColor() {
var anotherColor = "red";
function swapColors() {
var tempColor = anotherColor;
anotherColor = color;
color = tempColor;
    }
swapColors();
}
changeColor();
console.log(color); // "red" 外部变量不仅可以被访问到也可以被修改