JavaScript惰性载入函数实例分析
更新时间：2019年03月27日 11:39:21 作者：Johnny丶me
这篇文章主要介绍了JavaScript惰性载入函数,结合实例形式分析了JavaScript惰性载入函数的概念、原理、实现方法及相关操作注意事项,需要的朋友可以参考下
本文实例讲述了JavaScript惰性载入函数。分享给大家供大家参考，具体如下：
惰性载入函数
惰性载入函数表示函数执行的分支仅会发生一次，有两种实现惰性载入函数的方式，第一种是在函数被调用时再处理，在第一次调用中，该函数会覆盖为另外一个按合适方式执行的函数，这样任何对函数的调用都不用再经过执行的分支了。第二种实现惰性载入的方式是在声明函数时就制定适当的函数，这样，第一次调用函数时就不会损失性能了，而在代码首次加载时会损失一点儿性能。
载入方式一
var flag = 1;
function test1() {
if(typeof flag === 'undefined') {
test1 = function() {
return 0;
}
} else if(flag === 1) {
test1 = function() {
return 1;
}
} else {
test1 = function () {
return -1;
}
}
return test1();
}
这里if语句的每个分支都会为test1变量赋值，有效覆盖了原有的函数，最后一步便是调用新赋的函数，下一次调用test1()的时候就会直接调用被分配的函数，就不会再走if语句了，这样就可以提高性能。
载入方式二
var flag = 1;
var test2 = (function() {
if(typeof flag === 'undefined') {
return function() {
return 0;
}
} else if(flag === 1) {
return function () {
return 1;
}
} else {
return function () {
return -1;
}
}
})();
不同点是使用了立即执行函数，通过var来定义函数，在每个if分支中return一个函数
总结
这两种方式都能避免执行不必要的代码。方式一中第一次调用会损失性能，方式二重首次加载时会损失性能
更多关于JavaScript相关内容可查看本站专题：《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要介绍了利用JavaScript的Map提升性能的方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-08-08
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
这篇文章主要介绍了JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件的相关资料,需要的朋友可以参考下2015-12-12
扩展IE中一些不兼容的方法如contains、startWith等等
扩展IE中一些不兼容的方法如contains方法、startWith方法等等，下面是具体的实现代码，喜欢的朋友可以参考下2014-01-01
下面小编就为大家带来一篇最简单的tab切换实例代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了javascript正则表达配置扩展名并实现验证，文章围绕主题展开相关资料，具有以得参考价值，需要的小伙伴可以参考一下2022-02-02
这篇文章主要介绍了JavaScript中实现sprintf、printf函数,这两个函数在大多数编程语言中都有,但JS中却没有,本文介绍在js中实现这两个函数功能,需要的朋友可以参考下2015-01-01
有时候需要删除网站的cookies，一个一个太麻烦，这个可以批量的删除所有的cookies，需要的朋友可以参考下。2010-11-11
这篇文章主要为大家详细介绍了微信小程序实现左滑删除效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
这篇文章主要为大家详细介绍了JS实现五星好评效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要为大家详细介绍了js实现拾色器插件ColorPicker，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
最新评论