如何避免外部javascript執行多次？

Question

我有一個名爲main.js的外部js文件，它被添加到索引頁面中。在某些情況下，main.js可以從另一個子頁面中包含，因此它導致執行兩次的main.js。 我main.js結構 main.js

(function() { 
console.log("js execution started"); 
//content goes here 
// 
// 
}()); 

我怎樣才能避免main.js執行兩次？

Answer 1

設置一個全局變量，並檢查其是否已經設置，e.g：

var main; 
main=main||(function() { 
console.log("js execution started"); 
//content goes here 
return 1; 
}()); 

這也爲您提供了abillity使通過主提供的API。

Answer 2

嘗試將標誌添加到您的window（或您的global範圍內），顯示該main.js已加載：

(function() { 
    if (window.__MAIN_INSTALLED) { 
    return 
    } 

    window.__MAIN_INSTALLED = true 
    console.log("js execution started"); 
}());