javascript - 绑定(bind)到脚本标签的 javascript 代码的生命周期是多少

Question

我是网络应用程序的新手，目前在开发网络应用程序时正在研究一些漂亮的新技术和框架。

我最近通过使用 jquery.load() 在运行时重新加载我的部分页面，转向单页应用程序。

到目前为止，我的部分网页中嵌入了脚本，并使用自定义事件来初始化它们，而不是使用 $('document').ready()，后者在使用加载时不会被触发。

现在我想知道当脚本标记所在的页面部分被另一个页面片段替换时，我的 javascript 代码实际上发生了什么。

显然，脚本标签 DOM 元素被丢弃了，但是函数、变量、处理程序等会发生什么？它们是否仍然可用，或者我注册的处理程序现在未定义并在它们被触发时抛出异常？

目前我正在查看 require.js，我想知道它是否会(取决于上述问题的答案)改变我的脚本的生命周期，因为由 require.js 加载它们没有绑定(bind)到 DOM 元素可能被丢弃？

干杯托马斯

Answer 1

当浏览器解析 <script>标签，一切都停止，代码被评估。一旦执行开始，<script>标签是无关紧要的——它甚至可以被它包含的代码删除。如果脚本创建了任何全局变量，它们将保留在全局变量空间中；如果它定义了功能，同上；如果它绑定(bind)了一些听众，他们将继续收听。删除脚本不会影响全局空间(特别是，它不会倒带时间和删除脚本执行产生的任何更改)。

像 Require.js 这样的动态 JS 加载器是这样做的:通过 AJAX 获取代码文本，创建一个脚本元素，然后将其插入到文档中，从而使浏览器执行上述操作。唯一的区别是发生这种情况的时间:<script>标记暂停一切，直到代码被执行(除非它被标记为 defer )，而 Require.js 处理每个脚本执行的时间(并为您提供依赖项解析来控制该时间)。

大多数应用程序最好不要在 AJAX 页面中加载 JS，因为 - 正如您所发现的 - AJAX 加载的 JS 不会自动清理，而是应用您在主页中加载的 JS 的功能。不过，这并不是一条牢不可破的法律。