JavaScript中的惰性载入函数及优势
定义
惰性载入函数表示函数执行的分支仅会发生一次，有两种实现惰性载入函数的方式，第一种是在函数被调用时再处理，在第一次调用中，该函数会覆盖为另外一个按合适方式执行的函数，这样任何对函数的调用都不用再经过执行的分支了。第二种实现惰性载入的方式是在声明函数时就制定适当的函数，这样，第一次调用函数时就不会损失性能了，而在代码首次加载时会损失一点儿性能。
功能
由于现在浏览器之间的差异，为了实现跨浏览器工作，很多函数要书写大量if语句或者try…catch…语句。当每次调用函数时，都要对每个if分支或try语句进行检查，这样会使得浏览器反应变慢。实际上，当我们用某个浏览器打开网页时，就决定了某个if分支或try语句是可用的，没有必要每次调用都检查。为了解决以上问题，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中的惰性载入函数及优势，希望对大家有所帮助，也非常感谢大家对脚本之家网站的支持！
相关文章
bootstrap组件在前端开发中经常会用到，今天小编通过本文给大家分享bootstrap组件之进度条的基本用法，需要的朋友参考下吧2017-01-01
这篇文章主要介绍了Blazor实现微信的Tab切换功能,本文中的UI组件使用的是MASA Blazor,您也可以是其他的UI框架，这个并不影响实际的运行效果，本文案例是兼容PC和Android的，演示效果是android中执行的，在PC中执行效果依然有效，需要的朋友可以参考下2023-01-01
JavaScript使用setInterval()函数实现简单轮询操作的方法
这篇文章主要介绍了JavaScript使用setInterval()函数实现简单轮询操作的方法,以实例形式分析了轮询操作的原理与javascript实现技巧,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了javascript实现3D变换的立体圆圈效果,涉及javascript动态操作页面元素实现滚动与变色的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
本篇文章主要介绍了javascript将url解析为json格式的两种方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
在小程序、h5等地方中,常常会用到下拉刷新这个功能,今天来讲解实现这个功能的三种方式：全局下拉刷新,组件局部下拉刷新,嵌套组件下拉刷新,,文中通过代码示例讲解的非常详细,需要的朋友可以参考下2025-02-02
本文整理了一些实用小函数如阻止输入非数字，backspace除外；限制输入最大字符串长度等，需要的朋友可以了解下2013-11-11
这篇文章主要介绍了Threejs实现滴滴官网首页地球动画效果，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-07
下面小编就为大家带来一篇JavaScript 函数的执行过程。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
小程序地理定位是指通过小程序开发平台提供的 API,来获取用户的地理位置信息,用户在使用小程序时,可以授权小程序获取自己的地理位置信息,下面通过本文给大家分享微信小程序地理定位功能实现,感兴趣的朋友一起看看吧2024-05-05
最新评论