子函数无法调用父函数参数报错，求技术解决方案

• 确认变量作用域与闭包引用
  如果父函数的变量是局部变量，子函数作为回调传入时，要注意捕获的变量引用是否正确。比如循环中使用var会导致所有回调共享同一个变量引用，换成let或者用立即执行函数就能固定作用域：

  // 错误写法：循环输出全是3
  for (var i = 0; i < 3; i++) {
    setTimeout(() => console.log(i), 100);
  }
  
  // 正确写法：用let绑定块级作用域
  for (let i = 0; i < 3; i++) {
    setTimeout(() => console.log(i), 100); // 依次输出0、1、2
  }
  

• 显式传递变量到子函数
  别依赖隐式作用域，父函数调用子函数（或把函数作为参数传入高阶函数时），直接把需要的变量作为参数传进去，最稳妥：

  // 高阶函数场景示例
  function processData(callback) {
    const data = "处理后的数据";
    // 调用回调时传入变量
    callback(data);
  }
  
  // 子函数通过参数接收变量
  processData(function(receivedData) {
    console.log(receivedData); // 输出"处理后的数据"
  });
  

• 注意this指向问题
  如果子函数是普通函数，它的this不一定指向父函数的上下文，导致无法访问父函数的成员变量。换成箭头函数就能继承父函数的this，或者手动绑定：

  class Demo {
    constructor() {
      this.value = "类成员变量";
      // 箭头函数继承Demo实例的this
      this.child = () => {
        console.log(this.value); // 正常输出
      };
    }
  
    execute() {
      someFunc(this.child);
    }
  }
  
  function someFunc(callback) {
    callback();
  }
  

• 排查变量是否被提前修改/销毁
  异步场景下要注意，子函数执行前父函数的变量可能已经被重新赋值或回收。比如：

  function parent() {
    let msg = "初始值";
    setTimeout(() => console.log(msg), 100);
    msg = "修改后的值"; // 最终输出这个
  }
  

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