如何创建动态外部JavaScript文件？

Question

我在考虑一些在线服务如何创建动态JavaScript文件.这些文件具有.js扩展名,但其内容不是静态的.我在这里找到了一个示例文件.看来这个脚本是用更高级的编程语言生成的.我认为它是用PHP或类似的东西完成的,但我不确定,我还没有找到任何关于这个主题的文档.

是否有任何众所周知的方法来创建这些动态JavaScript文件？

Answer 1

仔细考虑是否有必要生成动态JS文件.您可以经常简单地注入静态脚本并使用单独的JSON来支持动态配置到页面中,而不是生成动态JS.

如果您在此(或任何)StackOverflow页面上查看源代码,您将看到它们使用相同的模式:静态外部.js文件引用单独的JSON集合块进行配置.JSON是提供动力的东西.

查看源代码并查找:

StackExchange.init({...

大多数服务器端语言使得将对象序列化为JSON变得微不足道,因此您可以将其注入页面.

以下是使用外部静态js文件的十大理由:

1. 缓存
2. 代码着色
3. 语法已检查
4. 关注点分离
5. 可重复使用
6. 更容易阅读.
7. 少一层抽象
8. 可以服务于缩小和混淆
9. 避免在每个请求上进行字符串解析
10. StackOverflow和所有酷孩子都在这样做(嘿,我承诺了十个理由.)

更多信息:http://www.bitnative.com/2013/10/06/javascript-configuration-object-pattern/