JavaScript回顾学习：常用的惰性函数

本是古典何须时尚 2022-05-19 09:34 333阅读 0赞

惰性载入表示函数执行的分支只会在函数第一次掉用的时候执行，在第一次调用过程中，该函数会被覆盖为另一个按照合适方式执行的函数，这样任何对原函数的调用就不用再经过执行的分支了。

1、事件监听

function addEvent(type, element, fun) {
        if (element.addEventListener) {
            addEvent = function (type, element, fun) {
                element.addEventListener(type, fun, false);
            }
        }
        else if(element.attachEvent){
            addEvent = function (type, element, fun) {
                element.attachEvent('on' + type, fun);
            }
        }
        else{
            addEvent = function (type, element, fun) {
                element['on' + type] = fun;
            }
        }
        return addEvent(type, element, fun);
    }

2、原生Ajax

function createXHR(){
         var xhr=null;
         if(typeof XMLHttpRequest!='undefined'){
              xhr=new XMLHttpRequest();
             createXHR=function(){
                   return XMLHttpRequest();  //直接返回一个懒函数，这样不必在往下走
              }
          }else{
              try{
                   xhr=new ActiveXObject("Msxml2.XMLHTTP");
                  createXHR=function(){
                        return new ActiveXObject("Msxml2.XMLHTTP");
                   }
              }catche(e){
                   try{
                        xhr =new ActiveXObject("Microsoft.XMLHTTP");
                        createXHR=function(){
                             return new ActiveXObject("Microsoft.XMLHTTP");
                        }
                   }catch(e){
                        createXHR=function(){
                             return null
                        }
                   }        
             }
         }
    }

可以总结出在哪些情况下使用惰性函数：

1 应用频繁，如果只用一次，是体现不出它的优点出来的，用的次数越多，越能体现这种模式的优势所在；

2 固定不变，一次判定，在固定的应用环境中不会发生改变；

发表评论取消回复

表情：

评论列表（有 0 条评论，333人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript回顾学习：数据类型

概述 ECMAScript中有5中基本数据类型：`Undefined`,`Null`,`Boolean`,`Number`,`String`,还有一种复杂数据类型`对...

妖狐艹你老母/ 2024年04月17日 06:30/ 0 赞/ 92 阅读

相关 JavaScript常用的高阶函数

JavaScript的高阶函数 filter | map | reduce filter：需求1：将一个数组中小于100的值过滤出来不使用filter函数时

墨蓝/ 2023年10月05日 08:52/ 0 赞/ 55 阅读

相关 javascript中常用的字符串函数解读

javascript 字符串函数定义一个字符串 var str = “Aheloworld”; 1、获取字符串的长度 length var str = “Ahel

た入场券/ 2023年09月26日 21:08/ 0 赞/ 158 阅读

相关 JavaScript 性能优化之惰性加载函数

在实际开发中，我们编写的大多数JavaScript代码包含大量的 if…else语句或者 try… catch 语句来做功能检测。举一个简单的例子：事件的绑定，我们会首先

绝地灬酷狼/ 2023年02月14日 15:47/ 0 赞/ 11 阅读

相关 javaScript函数惰性加载

什么是JavaScirpt函数惰性加载？表示函数执行的分支只会在函数第一次调用时的时候执行，在第一次调用过程中，该函数会被覆盖按照合适方式执行的函数，这样任何对原

Love The Way You Lie/ 2022年07月16日 06:40/ 0 赞/ 169 阅读

相关学习回顾oracle系统函数（3）

学习回顾oracle基础知识 21、数值幂运算(power) power（n1, n2）返回n1的n2次方根。 select power(2, 10) fro

╰+攻爆jí腚メ/ 2022年06月06日 11:48/ 0 赞/ 193 阅读

相关 JS中的惰性函数

最近在网上看一个关于惰性函数的例子，觉得非常不错，就记下来。 / Created by DreamCatcher on 2018/4/26. / funct

水深无声/ 2022年05月26日 06:45/ 0 赞/ 199 阅读

相关 JavaScript回顾学习：基本知识

1、JavaScript5种基本数据类型、1种复杂数据类型：基本数据类型：Undefined、Null、Boolean、Number和String

你的名字/ 2022年05月20日 02:23/ 0 赞/ 210 阅读

相关 JavaScript回顾学习：常用的惰性函数

惰性载入表示函数执行的分支只会在函数第一次掉用的时候执行，在第一次调用过程中，该函数会被覆盖为另一个按照合适方式执行的函数，这样任何对原函数的调用就不用再经过执行的分支了。

本是古典何须时尚/ 2022年05月19日 09:34/ 0 赞/ 334 阅读

相关 JavaScript回顾学习：元素的client\offset\scrollHeight

整理下关于元素的属性： clientHeight、clientWidth、clientLeft、clientTop offsetHeight、offsetWidth、off

骑猪看日落/ 2022年05月19日 06:21/ 0 赞/ 184 阅读