JavaScript：如何在函数内用变量并在次级函数调用？及局部转全局变量问题

问题1：在JavaScript中，如何在一个函数内定义变量，并在另一个次级函数中调用该变量？ #

根据函数的关系场景，有几种可行方案：

• 闭包嵌套场景
  如果次级函数是定义在目标函数内部的嵌套函数，可直接利用闭包特性访问外层变量：

function outerFunc() {
  let innerVar = "外层函数定义的变量";
  // 次级嵌套函数
  function innerFunc() {
    console.log(innerVar); // 直接调用外层变量
  }
  innerFunc();
}
outerFunc(); // 输出：外层函数定义的变量

• 同级函数传值场景
  如果两个函数是同级独立的，可让定义变量的函数返回该变量，再在次级函数中调用获取：

function funcA() {
  let num = 10;
  return num;
}

function funcB() {
  let result = funcA() + 5;
  console.log(result); // 输出15
}
funcB();

• 共享外层作用域场景
  将两个函数放在同一个外层作用域中，变量定义在这个外层，两个函数均可访问：

(function() {
  let sharedNum = 20;
  function updateNum() {
    sharedNum += 5;
  }
  function logNum() {
    console.log(sharedNum);
  }
  updateNum();
  logNum(); // 输出25
})();

问题2：如何将函数内的局部变量转换为全局变量，以便在次级函数中使用？ #

针对你给出的test1和test2调用场景，有两种常用实现方式：

• 挂载到window对象（浏览器环境）
  浏览器中全局变量属于window对象的属性，直接将变量挂载到window即可：

function test1(){
  window.testVal = 1; // 转为全局变量
}

function test2(){
  let test2 = window.testVal + 3;
  console.log(test2); // 输出4
}

// 按要求顺序调用
test1();
test2();

• 提前声明全局变量
  在函数外部定义全局变量，再在test1中给它赋值：

let globalVal; // 全局变量

function test1(){
  globalVal = 1; // 给全局变量赋值
}

function test2(){
  let test2 = globalVal + 3;
  console.log(test2); // 输出4
}

test1();
test2();

注意：全局变量容易引发命名冲突、意外修改等问题，非必要不建议使用。如果仅需两个函数共享数据，优先考虑闭包、模块模式或返回值的方案。

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