javascript - 如何知道脚本 block 或 JavaScript 代码的生命周期？

Question

我想知道 javascript block /函数是否在加载后始终可用。因为我已经测试了一些东西，现在我有点困惑。我将一个脚本 block 定义到一个 div 中。脚本 block 有一个事件处理函数，用于元素使用 ajax 重新加载 div。 ajax 调用返回 div 的纯 html 并将其替换为当前的 html。但这意味着替换执行的脚本。我认为脚本会在替换语句后停止执行。但它没有。执行替换语句后的代码行 那么这些东西是如何工作的。您如何描述脚本 block 的生命周期？

Answer 1

当代码包含在script中时元素被求值时，代码求值的结果成为页面运行时环境的一部分。删除 script元素不会从环境中移除生成的结构(函数等)。

因此，如果脚本定义函数，或将事件处理程序挂接到元素，或在现有对象(包括全局对象)上创建新属性，即使 script定义它们的对象将从 DOM 中删除(受制于通常的 JavaScript 垃圾收集；例如，未在任何地方引用的对象有资格进行 GC，但 script 元素与此无关)。 script元素只是一种将代码传送到浏览器的机制。