函数作用域疑问：外部定义的函数为何无法继承调用函数的变量？

这是个非常典型的JavaScript作用域问题，咱们先从你的代码报错原因说起：

function x() { var a = 2; y(); }
function y() { a += 3; }
x(); // 返回a is not defined

报错原因：函数作用域的规则 #

在JavaScript里，每个函数都会创建自己的局部作用域——你在函数x内部声明的var a = 2，是x的局部变量，这个变量的作用范围只限于x函数内部，以及x内部嵌套的函数。

而函数y是在x的外部声明的，它属于全局作用域（或者和x同级的外层作用域），根本无法进入x的局部作用域，自然找不到变量a，所以会抛出a is not defined的错误。

可行的解决方法 #

根据你的需求，这里有几种常用的方案：

1. 将函数y嵌套在x内部（最符合作用域逻辑的方案）

把y定义在x内部，这样y就处于x的局部作用域中，直接就能访问x的变量a：

function x() {
  var a = 2;
  // 嵌套定义y
  function y() {
    a += 3;
    console.log(a); // 执行后输出5
  }
  y();
}
x();

2. 通过参数传递变量给y

如果不想把y嵌套在x里，可以把a作为参数传递给y。不过要注意：JavaScript的基本类型（比如数字）是值传递，如果只是修改参数，不会影响x里的原变量；如果需要修改原变量，可以用引用类型（比如对象、数组）：

• 基本类型传递（仅读取值）：

function x() {
  var a = 2;
  y(a); // 把a的值传给y
}
function y(num) {
  num += 3;
  console.log(num); // 输出5
}
x();

• 引用类型传递（可以修改原变量）：

function x() {
  var data = { a: 2 }; // 用对象包裹a
  y(data);
  console.log(data.a); // 执行后输出5
}
function y(obj) {
  obj.a += 3;
}
x();

3. 提升变量到外层作用域（不推荐，会污染作用域）

把a声明在x和y的共同外层作用域（比如全局作用域），这样两个函数都能访问它。但这种方法会污染全局作用域，容易引发变量冲突，除非必要不建议使用：

var a; // 外层作用域声明变量
function x() {
  a = 2;
  y();
}
function y() {
  a += 3;
  console.log(a); // 输出5
}
x();

内容的提问来源于stack exchange，提问作者Gergő Horváth