如何在独立作用域中访问全局函数内的客户数据？

首先咱们得明确核心问题：你客户定义的window.codeInit函数里，init是函数内部的局部变量，按照JavaScript的作用域规则，外部作用域（包括你的SDK自执行函数）默认是无法直接读取到它的。下面给你几个可行的解决方案，按推荐程度排序：

方案1：让客户调整codeInit函数，返回配置对象 #

这是最规范的做法，只需要让客户在函数末尾把init对象返回出来，你的SDK就能通过调用这个函数拿到数据。

客户侧修改后的代码： #

window.codeInit = function () {
  var init = { 
    ID: "1234", 
    elementStart: "#contentDiv" 
  };
  return init; // 新增返回语句，把配置暴露出去
};

你的SDK作用域中访问数据： #

(function(window){
  // 调用全局的codeInit函数，获取客户配置
  var clientConfig = window.codeInit();
  
  // 现在就可以正常使用配置了
  console.log("客户ID:", clientConfig.ID); // 输出 "客户ID: 1234"
  console.log("目标元素:", clientConfig.elementStart); // 输出 "目标元素: #contentDiv"
})(window)

方案2：让客户直接将配置挂载到全局对象 #

如果客户觉得用函数包裹没必要，也可以让他们直接把配置对象放到全局作用域里，这样你的SDK能更直接地读取：

客户侧代码： #

// 直接把配置挂到window上，不用函数包裹
window.clientInitConfig = { 
  ID: "1234", 
  elementStart: "#contentDiv" 
};

你的SDK作用域中访问数据： #

(function(window){
  var clientConfig = window.clientInitConfig;
  // 后续使用配置逻辑...
})(window)

方案3：无法修改客户代码时的临时方案（不推荐） #

如果客户完全不能修改他们的codeInit函数，你可以通过重写函数的方式来捕获内部变量，但这种方法非常脆弱——只要客户修改了函数内部的变量名（比如把init改成config），你的代码就会失效，所以仅作为应急手段：

(function(window){
  // 先保存原始的codeInit函数
  const originalCodeInit = window.codeInit;
  
  // 重写函数，捕获内部的init变量
  window.codeInit = function() {
    let capturedConfig;
    // 通过立即执行函数修改作用域，把内部的init赋值给外部变量
    (function() {
      // 调用原函数时，让内部的init变量被我们捕获
      capturedConfig = eval(`(${originalCodeInit.toString().replace('var init', 'let init').replace(/}$/, '; return init;}')})`)();
    })();
    
    // 恢复原始函数，避免影响后续调用
    window.codeInit = originalCodeInit;
    
    return capturedConfig;
  };
  
  // 调用重写后的函数获取配置
  const clientConfig = window.codeInit();
  console.log(clientConfig);
})(window)

注意：这个方案依赖客户函数的内部实现细节，风险很高，优先推荐前两种方案。

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