如何实现网页脚本间交互？自定义全局对象调用方案咨询

这其实是个典型的全局命名空间封装问题，咱们一步步来实现你要的效果，既避免全局变量污染，又能让脚本间优雅交互：

1. 先初始化全局命名空间对象 #

首先要确保MyScript这个全局对象存在，而且不会覆盖已有的同名对象（如果有的话）。你可以在页面的主脚本或者<script>标签里先加上这段代码：

// 初始化MyScript命名空间，防止覆盖已有对象
window.MyScript = window.MyScript || {};

这段代码的逻辑很简单：如果window.MyScript已经存在，就复用它；如果不存在，就创建一个空对象作为命名空间的容器。

2. 在动态加载的脚本（data.myScript）里挂载变量和方法 #

接下来，把你原来存在window.my_variable的共享变量，改成挂载到MyScript上；同时把initScript()方法也定义在MyScript对象里。比如你的data.myScript内容可以写成这样：

// data.myScript 的内容示例
// 挂载共享变量到MyScript命名空间
MyScript.random_string = "这里是你要共享的变量值";

// 定义可被外部调用的初始化方法
MyScript.initScript = function() {
    // 这里写你的初始化逻辑：比如加载资源、绑定事件、初始化组件等
    console.log("MyScript 初始化完成！");
    // 还可以在这里返回结果，或者触发自定义回调
};

// 可选：如果需要通知其他脚本MyScript已就绪，触发一个自定义事件
const myScriptReadyEvent = new CustomEvent('MyScriptReady');
window.dispatchEvent(myScriptReadyEvent);

3. 其他脚本调用MyScript的成员 #

现在其他脚本就可以直接通过MyScript.xxx的方式访问变量和调用方法了，但要注意加载顺序：必须等MyScript加载完成后再调用，否则会出现未定义的报错。

方式一：直接调用（确保加载顺序正确） #

如果你的其他脚本是在MyScript加载完成后才执行的（比如放在页面底部，或者通过动态加载的回调触发），可以直接写：

// 其他脚本中的调用示例
console.log(MyScript.random_string); // 输出共享变量的值
MyScript.initScript(); // 触发初始化函数

方式二：监听就绪事件（更可靠） #

如果不确定加载顺序，或者MyScript是异步加载的，推荐用自定义事件来监听，确保只在MyScript就绪后执行代码：

// 其他脚本中监听MyScript就绪事件
window.addEventListener('MyScriptReady', function() {
    // 现在可以安全地访问MyScript的所有成员了
    MyScript.initScript();
    console.log("获取到共享变量：", MyScript.random_string);
});

这样做的核心优势：

• 把所有相关的变量和方法都封装在MyScript这个命名空间下，彻底避免全局变量污染，不会和其他脚本的变量重名
• 模块结构更清晰，其他开发者一看就知道这些成员属于MyScript模块
• 通过自定义事件完美解决异步加载的时序问题，确保调用不会出错

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