javascript中的惰性函数

最新推荐文章于 2022-01-13 17:18:29 发布
最新推荐文章于 2022-01-13 17:18:29 发布
阅读量422 收藏
点赞数
分类专栏： javascript 文章标签： javascript 惰性函数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44243061/article/details/107893788
版权
惰性函数是一种在首次调用时才会执行的函数，它会根据第一次调用的情况生成新的函数以供后续调用。在JavaScript中，惰性函数常用于DOM事件的浏览器兼容处理和解决性能问题。例如，实现DOM元素添加事件时，可以使用惰性函数来确保在元素加载后正确添加事件监听器，并且兼容不同的浏览器。此外，惰性函数还有其他应用场景，如ajax请求的兼容处理。
摘要由CSDN通过智能技术生成

文章目录

javascript中的惰性函数

概念

惰性函数表示函数执行的分支在函数第一次带调用的时候执行，在第一次调用过程中，函数会被覆盖成一个新的适合执行的函数，之后的函数调用不会对原函数的分支进行调用。

应用场景

实现DOM元素添加事件的浏览器兼容做法

let addEvent = function(el, type, listener, capture) {
   
    // 只在函数第一次执行的时候，执行判断的副作用
    if (el.addEventListe
最低0.47元/天 解锁文章
前端_小学生
关注
专栏目录
JavaScript学习笔记之惰性函数示例详解
10-19
函数是js世界的一等公民，js的动态性、易变性在函数的应用上，体现的淋漓尽致。下面这篇文章主要给大家介绍了关于JavaScript学习笔记之惰性函数的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下。
JavaScript惰性载入函数实例分析
10-17
JavaScript惰性载入函数是一种优化技术，用于提升代码性能，特别是在大型应用中，它能确保某些函数或对象只在真正需要时才进行初始化和计算。这种方式可以减少代码执行的开销，尤其是对于那些可能并不总是需要执行的...
js之惰性函数
快乐小编的专栏
02-01 3612
利用函数的惰性载入提高javascript代码性能 在javascript代码中，因为各浏览器之间的行为的差异，我们经常会在函数中包含了大量的if语句，以检查浏览器特性，解决不同浏览器的兼容问题。例如，我们最常见的为dom节点添加事件的函数： function addEvent (type, element, fun) { if (element.addEventListene
JS中的惰性函数
李dayday
09-24 686
惰性函数: 惰性函数表示，此函数有很多个分支判断，但这些分支判断只会在第一次调用时执行，执行后会修改此函数，再次调用时无须判断。 常用于： 针对于去优化频繁使用的函 常用于函数库的编写,单例模式中 实例： function addEvent(type, element, fun) { if (element.addEventListener) { ...
javascript惰性函数
Jour的博客
05-23 640
惰性函数有些地方也叫作自定义函数。做法是创建一个新函数并且将其分配保存了另外函数的同一个变量，那么就以一个新函数覆盖了就函数。在某种程度上，回收了旧函数指针以指向一个新函数。而这一切发生在就函数体的内部。在这种情况下，该函数以一个新的实现覆盖并重新定义了自身。var scareMe = function(){ alert("foo"); scareMe = function(){
JavaScript中的惰性载入函数及优势
10-15
综上所述，惰性载入函数是JavaScript性能优化中一个很重要的策略，它通过减少在函数执行时的分支判断，提高了函数的调用效率，并且在不需要执行特定代码分支时，避免了不必要的性能损耗。通过这种技术，开发者可以...
JavaScript 惰性函数
m0_60703077的博客
01-13 314
概念 惰性函数，表示函数执行的分支只会在函数第一次调用的时候执行。在一次调用过程中，该函数会被覆盖威另一个按照合适方式执行的函数。这样对原函数的调用就不会再经过执行的分支了。 简单的来说，就是可以记录第一次的操作，之后就不再走第一次的老路了，而是采用一种获取值的方式。 应用案例1. 如果有一个函数，在函数里就行一个求值操作（纯函数），不会有副作用的情况下，我们为了将第一次的值保存下来，之后就不需要求得一遍，直接拿缓存。 var cache = [ ]; function sqrt (x) {
JavaScript 专题之惰性函数
qq_42367749的博客
07-23 176
需求 我们现在需要写一个 foo 函数 ,这个函数返回首次调用时的Date对象，注意是首次 解决一：普通方法 var t; function foo() { if (t) return t; t = new Date() return t; } 问题有两个，一是污染了全局变量，二是每次调用foo的时候都需要进行一次判断 解决二：闭包 我们很容易想到用闭包避免污染全局变量 ...
C++ 内联函数的相关概念
weixin_42616791的博客
09-27 574
C++ 内联函数的概念 介绍内联函数之前，需要说明一下 C ++ 在执行普通函数时的一个过程，在调用普通函数时，执行到函数调用指令时，程序将在函数调用后立即存储该指令的内存地址，并将函数参数复制到堆栈，跳转到标记函数起点的内存单元，执行函数代码，然后调回到地址被保存的指令处，下图是关于 C ++ 普通函数调用的一个示意图： ...
JavaScript 性能优化——惰性载入函数
Guanngxu的博客
08-06 709
参考资料： 《JavaScript 高级程序设计（第三版）》 JavaScript专题之惰性函数 深入理解javascript函数进阶之惰性函数 因为不同厂商的浏览器相互之间存在一些行为上的差异，很多 js 代码包含了大量的if语句，将执行引导到正确的分支代码中去，比如下面的例子。 function createXHR() { if (typeof XMLHttpRequest != ...
js惰性函数
ChineseRuralDog的博客
04-26 420
惰性载入函数的优点只执行一次if分支，避免了函数每次执行时候都要执行if分支和不必要的代码，因此提升了代码性能
JS高阶--惰性函数
orchid_djl的博客
04-16 2347
JS惰性函数，是针对优化频繁使用的函数。常用于函数库的编写、单例模式之中。首先，写一个test函数，返回首次调用该函数的时间（使用new Date().getTime()）,注意，返回首次调用时间。不好的写法：var t = null; function test () { if(t){ //缺点：每次调用函数就需要进行一次if判断。并且t会污染全局变量。【惰性函数就是...
JavaScript惰性载入函数
Picking_up_stones的博客
07-18 536
因为各大浏览器所使用的JS引擎不同，所以在实现某一个功能时都或多或少的存在差异，导致在写代码时要针对每一个功能给出兼容浏览器的不同实现方式，这样在运行代码时就会造成性能的损耗。所以就出现了惰性载入函数的概念。原理就是：当前浏览器第一次支持以该方法实现某功能，那么在这个页面运行期间会一直都支持该方法。一般在写兼容性较好的代码时，我们会使用多个if分支语句来判断当前浏览器支持哪种方法，这时如果每次调用函
前端开发者进阶之惰性函数定义
weixin_34211761的博客
11-26 126
穆乙：http://www.cnblogs.com/pigtail/p/3447660.html  函数是js世界的一等公民，js的动态性、易变性在函数的应用上，体现的淋漓尽致。做为参数，做为返回值等，正是函数这些特性，使得js开发变的有趣。 下面就阐述一下，js一个有趣的应用--惰性函数定义（Lazy Function Definition）。 惰性载入表示函数执行的分支只会在函数第一次掉...
javascript高级 --- 惰性函数
一只路过的小码农
04-13 248
一、介绍 惰性函数表示在函数执行的过程中，函数会在首次被成功调用的时候覆盖当前函数，成功后的逻辑不会被执行。 二、案例 因为浏览器行为之间的差异，我们在处理一些差异的同时，必须考虑其兼容性问题，例如：addEventListener 、removeEventListener、event、preventDefault、stopPropagation 等等，此时我们就需要根据当前的浏览器环境执行对应的...
js 惰性函数理解
浅笑如伤的博客
05-28 287
概念：在javascript里函数可以动态定义，如果创建了一个新函数并且将其分配给保存了另外函数的同一个变量，那么新函数覆盖旧函数。常用于初始化功能。 原理：同名函数覆盖重写 适用场景：在固定的应用环境不会发生改变，频繁使用同一判断逻辑，一次判定，多次直接使用 来个经典例子：创建XHR请求，需要进行能力检测，如下 function createXHR(){ if (typeof XMLHttpRequest != "undefined"){ return new XMLHttpR
javaScript惰性函数
weixin_55876727的博客
11-19 674
惰性函数其实很简单就是js的一种使用的小技巧，他在自身函数内部更改了自身的代码，一般是配合自执行函数，处理浏览器兼容问题。 // 定义一个函数为一次性函数 var event = (function (dom, type = "click", fn = function () { }) { var dom = dom // 这里是否有传入dom，如果没有那么我们创建一个dom，以保证自执行的时候不会报错 if (!
深入探索函数式JavaScript编程
"Functional JavaScript" 是一本由Michael Fogus编写的书籍，专注于介绍JavaScript中的函数式编程概念和技术。函数式编程是一种编程范式，强调使用函数来构造软件，减少副作用，增强代码的可读性和可维护性。在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值