javascript - 使用 src 引用 Javascript 或直接将其注入(inject) HEAD 在性能和内存占用方面的差异

Question

这些不同的方法在性能和内存占用方面有何不同(如果有):

1.使用源

<script type='text/javascript" src="1MBOfjavascript.js"></script> 

<强>2。直接注入(inject)头部

$('head').append("<script type='text/javascript'>1MBOfJavascriptCode</script>");

我很感兴趣，因为我们正在开发一个 Cordova 应用程序，我们使用第二种方法将先前下载的从 HTML 本地存储读取的 Javascript 包注入(inject)到 DOM。

鉴于脚本可能会变大，我想知道使用第二种方法是否会导致一些内存问题或其他 DOM 问题。

Answer 1

我相信这种情况下的开销应该是微不足道的，因为主要处理/内存消耗取决于实际脚本的工作方式。即文件使用的内存将是脚本的总大小，最大为 1MB？但是在执行过程中，相同的脚本很容易用完 100MB。

不管怎样，切入正题。

如果在所有情况下都必须包含纯文本包含会更好，因为它会跳过脚本执行并且在追加后也不会导致浏览器重新呈现。 如果您仅在客户端的特定条件下需要脚本并且不需要加载它，则应使用附加选项。