如果我两次附加相同的js脚本，代码会重复吗？

Question

我有一个页面的一部分，可以有他的html内容由ajax请求改变。此外，每个内容(让我们称之为"tiny-template")都有自己的js脚本，该脚本也是通过js附加或分离的。

例如:用户点击"myBtn1“按钮，它会加载"tiny-template1”和my附加的"myJs1.js“。

然后，如果用户点击"myBtn2“按钮，它将删除"tiny-template1”和"myJs1.js“，然后加载"tiny-template2”并附加"myJs2.js“。

我知道，即使我们从html中删除脚本标记(ex：)，js删除的脚本内容也会保留在DOM中。

所以我的问题是，如果用户再次单击按钮"myBtn1"，脚本"myJs1.js“将被追加(再次)。这会导致重复的js代码吗？

Answer 1

脚本元素是否存在于DOM中可能不是问题所在。第二次将加载myJs1.js的脚本添加到DOM时，它将再次评估该脚本，如果该脚本修改了任何全局状态，则可能会产生副作用。删除脚本元素并不会消除这些副作用。如果脚本没有改变任何类型的全局状态，那么应该没问题。