javascript的装逼优化技巧之惰性加载函数


prtyaa
prtyaa 2023-12-25 16:25:06 61236
分类专栏: 资讯

天下武功唯快不破!编程也是同理!程序的优化,其实最终优化的是代码执行速度。而执行速度的提升往往是从很多代码细节当中不断堆砌出来的。相反,垃圾代码也是同理。

程序优化的过程往往也是提升编程效率的一个有效捷径。

今天为大家分享的是JavaScript当中的惰性函数。所谓惰性函数的重点就在这个惰字上,它是函数式编程应用的一种。由于它很惰,所以其只会在函数第一次调用时执行。

如果在字面上不好理解,那么请细品下方的代码。不知是否有种似曾相识的感觉?

1、函数被调用时处理函数:

function zhang(){
    if(a === 1){
        zhang = function(){
            console.log("对着JS一调一下午");
        }
    }else{
        zhang = function(){
            console.log("调了一下午,bug还得补");
        }
    }
    return zhang();
}

这样在进入满足条件的分支后会对zhang重新赋值,之后每次调用zhang就不会再执行if判断。

2、声明函数时就指定适当的函数

var zhang = (function () {
    if (a === 1) {
        return function () {
            console.log("对着JS一调一下午");
        }
    } else {
        return function () {
            console.log("调了一下午,bug还得补");
        }
    }
})();

这里创建一个匿名函数并自执行,用来确定具体使用哪一个函数来实现。

惰性函数的特点就是:只在第一次执行时牺牲一点点性能,将性能节省至最低。

网站声明:如果转载,请联系本站管理员。否则一切后果自行承担。

本文链接:https://www.xckfsq.com/news/show.html?id=30622
赞同 0
评论 0 条