面试题：JavaScript 自定义事件在不同作用域下的创建与触发

使用CustomEvent创建和触发事件：
- 在 JavaScript 中，可以使用 CustomEvent 来创建自定义事件。
- 假设我们有以下对象和函数作用域的示例代码：

// 对象作用域
const myObject = {
    init: function () {
        // 创建自定义事件
        const myEvent = new CustomEvent('myCustomEvent', {
            detail: { data: 'Hello, this is event data' }
        });
        // 为对象自身添加事件监听器
        this.addEventListener('myCustomEvent', function (e) {
            console.log('Object received event with data:', e.detail.data);
        });
        // 存储事件对象，以便在其他作用域触发
        this.myEvent = myEvent;
    }
};

// 函数作用域
function triggerEvent() {
    // 触发对象作用域中的自定义事件
    myObject.dispatchEvent(myObject.myEvent);
}

// 初始化对象
myObject.init();
// 触发事件
triggerEvent();

确保事件在不同作用域间正确传递和处理的方法：
- 事件对象的创建和存储：在对象作用域内创建 CustomEvent 时，将事件对象存储在对象的属性（如 myObject.myEvent）中，以便在其他作用域能够访问到该事件对象进行触发。
- 事件监听器的绑定：在对象作用域内，通过 addEventListener 为对象自身绑定事件监听器，确保当事件触发时，对象能够正确处理事件。这里事件监听器绑定在 myObject 上，监听 myCustomEvent 事件。
- 事件的触发：在函数作用域中，通过获取对象作用域中存储的事件对象，并使用 dispatchEvent 方法来触发事件。如 myObject.dispatchEvent(myObject.myEvent)，这样就可以在不同作用域间正确传递和处理事件。

如果在更复杂的模块结构中，还可以考虑以下几点：

模块导出和导入：如果是模块化开发，确保相关的对象和函数能正确导出和导入，以便在不同模块的作用域间访问。例如，使用 ES6 模块的 export 和 import 关键字。
作用域链和闭包：理解作用域链和闭包的概念，确保在不同作用域中对变量和函数的访问符合预期。例如，避免变量名冲突导致事件处理异常。

星途面试题库

面试题：JavaScript 自定义事件在不同作用域下的创建与触发

知识考点

面试题答案