模仿OneSignal架构时，如何解决全局变量被覆盖为空数组的问题？

你的问题出在没有正确复刻OneSignal的延迟调用队列机制——OneSignal不是直接把window.OneSignalDeferred替换为类，而是通过先收集初始化函数、SDK加载后执行队列并替换队列对象的方式实现的。你直接赋值为StackClass的做法忽略了脚本执行顺序和队列处理逻辑，导致初始化阶段拿到的还是数组。

具体修正步骤 #

1. 调整核心SDK脚本（StackOverflowSDK.page.es6.js）

不要直接替换window.StackOverflowDeferred，而是先处理已有的延迟调用，再替换为带push方法的对象，确保后续调用也能正常执行：

class StackClass {
  init(options) {
    // 这里写你的初始化逻辑
    console.log('SDK初始化完成，配置:', options);
  }
  // 可添加其他SDK方法
}

// 创建SDK实例
const stackInstance = new StackClass();

// 保存用户提前push的延迟调用队列
const deferredQueue = window.StackOverflowDeferred || [];

// 暴露SDK实例给全局（可选，方便用户直接调用）
window.StackOverflow = stackInstance;

// 替换Deferred对象，让后续push的函数立即执行
window.StackOverflowDeferred = {
  push(callback) {
    try {
      callback(stackInstance);
    } catch (err) {
      console.error('执行延迟调用失败:', err);
    }
  }
};

// 执行之前队列中所有的初始化函数
deferredQueue.forEach(callback => {
  try {
    callback(stackInstance);
  } catch (err) {
    console.error('执行历史延迟调用失败:', err);
  }
});

2. 确保加载脚本的顺序逻辑（StackOverflowSDK.page.js）

动态加载核心SDK时，只需保证脚本正确注入即可，核心逻辑已在es6.js中处理：

(function() {
  const script = document.createElement('script');
  script.src = 'StackOverflowSDK.page.es6.js';
  document.head.appendChild(script);
})();

3. 保留用户侧的初始化代码不变

你的初始化代码逻辑是正确的，无需修改：

<script src="StackOverflowSDK.page.js" defer></script>
<script>
  window.StackOverflowDeferred = window.StackOverflowDeferred || [];
  StackOverflowDeferred.push(function(StackOverflow) {
    StackOverflow.init({
      // 你的自定义配置
    });
  });
</script>

原理说明 #

用户侧的初始化代码会先把函数存入window.StackOverflowDeferred数组（此时SDK还未加载）；当核心SDK加载完成后，会遍历这个数组执行所有初始化函数，然后把window.StackOverflowDeferred替换为一个带push方法的对象——后续再调用push时，函数会立即执行并传入SDK实例，完全复刻OneSignal的逻辑。

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