如何防止在窗口上附加多个处理程序

Question

我有一个JS文件，它在网站上包含两次。

• 包括由用户
• 我的Chrome扩展注入

JS代码将在窗口的事件侦听器。由于上面解释过的明显原因，此事件监听器被触发了两次而不是一次。

此代码似乎工作正常，但我想知道正确的方法。

if (typeof customMessageEventListenerAdded == 'undefined') { 
    addListener(window, 'message', handleMessage); 
    customMessageEventListenerAdded = true; 
} 

我想知道如何正确处理这种情况。

Answer 1

我通常撰写我的剧本是这样的（我平时写JS来定制动态CRM但同样的方法应符合“正常”的网页）：

if (typeof (window.theScript) == 'undefined') { 
    window.theScript = { 
     someValue: ...; 
     someFunction: function(){ ... }; 
     ctor: function(){ ... }; 
    }; 
    window.theScript.ctor(); 
} 

多夹杂物使if去false和代码被跳过（显然theScript应该是一个唯一的标识符）。所有的代码都封装在函数中，我可以控制什么叫，什么时候调用和完成。

其他方法在那里（即可以利用requirejs只是为了命名一个）。