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

我有一个名为main.js的外部js文件，它被添加到索引页面中。在某些情况下，main.js可以从另一个子页面中包含，因此会导致执行两次main.js。 我的main.js结构 main.js

---

如何避免两次执行main.js？

设置一个全局变量，并检查其是否已设置，例如：

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

---

这也使您能够通过main使API可用。

设置一个全局变量，并检查其是否已设置，例如：

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

---

这也使您能够通过main使API可用。

尝试向

窗口（或
全局范围）添加一个标志，表明
main.js
已加载：

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

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

尝试在
窗口（或
全局范围）中添加一个标志，表明
main.js
已加载：

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

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