JavaScript：函数局部变量无法跨函数访问，为何能传参给非嵌套函数调用？

嘿，这个问题其实是把「直接访问局部变量」和「参数传递」搞混啦，我给你掰扯清楚～

首先先回顾你提到的第一个场景：

function b() { console.log(myVar); }
function a() { var myVar = 2; b(); }
a(); //->myVar is not defined

为啥会报错？核心原因是JavaScript的函数作用域是「定义时确定」的，不是调用时。函数b是定义在全局作用域里的，所以它的作用域链只会包含全局作用域，根本找不到函数a内部的局部变量myVar——哪怕你是在a里面调用b也没用，b的作用域早就定死了。

那为啥参数可以传递呢？这完全是两回事！

咱们看这个例子：

function b(str) {
  console.log(str);
}
function a() {
  var myVar = "这是a的局部变量";
  b(myVar);
}
a(); // 输出 "这是a的局部变量"

这里不是让b直接「访问」a的myVar，而是a主动把myVar的值（如果是引用类型就是引用）复制了一份，传递给b的参数str。str是b自己的局部变量，和a里的myVar是完全独立的两个变量，只是初始值一样而已。

简单总结两者的区别：

• 直接访问局部变量：要求被访问的变量在当前函数的作用域链里存在，否则就会报错。
• 参数传递：是调用方把变量的值“递过去”，被调用方用自己的局部参数接收，本质是两个独立变量的赋值，和作用域链没关系。

内容的提问来源于stack exchange，提问作者Meng