JavaScript-javascript函数调用的优化方案
有一个js函数只有几行代码，是把它写在公用的js里面，调用的时候引入这个js文件进行调用或者是直接把函数写在每个需要调用的页面，哪个更高效？如果函数比较繁琐的情况下又该如何呢？ --页面上需要调用的函数很少，或者说就只需调用这一个函数。 如果直接写在每个需要调用的页面上 会不会代码冗余太多呢？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
公共js函数还是放到js文件里，尽量把js文件合并压缩，减少HTTP请求，少给服务器请求一次就加快一点速度。
而对于那些只有单个页面调用的js函数，嵌套放到页面里比较好些，这里最好把这些js函数（不影响页面加载）放到页面的最下面body的上面，实现异步加载，也就是等网页都加载完了，最后在加载这些不重要的JS，这样就不影响网页速度了。
如有满足以下情况，建议你直接写到页面里
1、如果我的这个页面上所用到JavaScript代码很少
2、所用到的JavaScript代码简单
3、这段JavaScript代码只在当前页面上使用，其它页面不会用到它
那么建议你直接把代码写到页面里
如有满足以下情况，建议你写到外部文件里并进行封装后加载：
1、代码功能复杂，而且代码较多
2、代码不是单一功能，在其它页面上也可能会使用到这段代码的功能
原因是：
写在页面里：少了加载外部js文件的HTTP请求，会相对高效一点，但是每次刷新页面都会重新加载这些代码
写在外部里：一般只需要加载一次外部JS文件，浏览器会进行缓存，下次刷新不用重新加载，减少HTTP请求