Javascript 2个js文件之间的共享值

我在let say index.php中用内联方法声明了一个变量，如下所示

<script type="text/javascript">
var a = 1;
</script>

---

我如何在外部js文件中使用它

只要外部脚本文件位于上面的脚本之后，它就可以使用。如果你想更加安全，试着用默认值初始化它，例如

// external_script.js
var a = a || 1; // or some other sane default

---

在index.php文件中，您可以有：

<!-- index.php -->
<script type="text/javascript" src="/main.js"></script>
<script type="text/javascript">
var a = 1;
</script>

与js文件依赖于变量不同，您可能希望变量依赖于js文件：

<!-- index.php -->
<script type="text/javascript" src="/main.js"></script>
<script type="text/javascript">
var a = 1;
someFunctionInMain(a);
</script>

// main.js
function someFunctionInMain(theVariable) {
    console.log(theVariable);
}

---

这完全取决于作用域，但如果您在全局/窗口作用域中工作，那么这一切都应该可以正常工作。如果没有，您需要适当地引用变量/函数。

我建议您使用本地存储功能 您可以参考此答案了解更多详细信息

---

您是否愿意详细说明为什么本地存储最适合这种情况，在什么情况下，以及它的好处是什么？我自己也很好奇，| |的意思是什么？这是我第一次看到这种情况syntax@user3033162是的，这是合乎逻辑的。看那是干什么用的？a | | 1？，a=1或1，我很困惑

// main.js
function someFunctionInMain(theVariable) {
    console.log(theVariable);
}