JS--惰性函数

最新推荐文章于 2022-01-13 17:18:29 发布
最新推荐文章于 2022-01-13 17:18:29 发布
阅读量202 收藏
点赞数
分类专栏： 前端 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43842821/article/details/117002842
版权

关于惰性函数

如字面意思，惰性函数是真的惰吗？

我觉得不是，我觉得与其说它是惰，还不如说它是聪明的，它不会去重复地去做某一样东西，而形成冗余。而这也恰好是它的作用，好处！！！

而惰性函数的优点：就是能避免多次重复的步骤判断，冗余等，只需一次判定，即可直接去使用，不用做无用的重复步骤

惰性函数的应用场景：常用于函数库的编写，单例模式之中。在固定的应用环境不会发生改变，频繁要使用同一判断逻辑的

惰性函数的例子

以浏览器的监听事件方法为例：

addEventlistener的这种方法是不支持IE浏览器的
而IE浏览器是使用attachEvent这个方法

当我们想要做到兼容性的时候，肯定要先判断这个浏览器是否适用此方法

正常的写法：

我们经常会用这种写法来写，但其实我们每次都要进行判断，重复着之前重复的东西，就导致性能不太好了

而我们使用惰性函数这个思想来写的话，就会避免这种重复判断，即一次判断，多次直接使用

惰性函数思想的写法：

这样写的话，就相当于第一次判断了，就告诉它，接下来就是这个了，不用再去判断了，直接就用这个方法就好了

Taptaq
关注
专栏目录
javascript中的惰性函数
前端_小学生的博客
08-09 428
文章目录javascript中的惰性函数概念应用场景实现DOM元素添加事件的浏览器兼容做法其余常见应用场景 javascript中的惰性函数 概念 惰性函数表示函数执行的分支在函数第一次带调用的时候执行，在第一次调用过程中，函数会被覆盖成一个新的适合执行的函数，之后的函数调用不会对原函数的分支进行调用。 应用场景 实现DOM元素添加事件的浏览器兼容做法 let addEvent = function(el, type, listener, capture) { // 只在函数第一次执行的时候，执行判
js代码-函数编程-惰性函数
07-15
在`main.js`文件中，我们可以看到实际的惰性函数实现，而`README.txt`可能包含有关该实现的说明和使用示例。通过分析这些文件，我们可以更深入地理解如何在实际项目中应用惰性函数。记住，使用惰性函数时，要确保...
JS中的惰性函数
李dayday
09-24 696
惰性函数: 惰性函数表示，此函数有很多个分支判断，但这些分支判断只会在第一次调用时执行，执行后会修改此函数，再次调用时无须判断。 常用于： 针对于去优化频繁使用的函 常用于函数库的编写,单例模式中 实例： function addEvent(type, element, fun) { if (element.addEventListener) { ...
js之惰性函数
快乐小编的专栏
02-01 3619
利用函数的惰性载入提高javascript代码性能 在javascript代码中，因为各浏览器之间的行为的差异，我们经常会在函数中包含了大量的if语句，以检查浏览器特性，解决不同浏览器的兼容问题。例如，我们最常见的为dom节点添加事件的函数： function addEvent (type, element, fun) { if (element.addEventListene
js-惰性函数
fly_wugui的博客
03-13 176
利用闭包思想 原来定义一个函数来根据情况执行 // DOM2 事件绑定 DOM事件参考链接：DOM级别事件 // 元素.addEventListener(); // 元素.attachEvent(); function emit(element,type,func) { if(element.addEventListener) { element.addEventListener(typ...
js惰性函数
ChineseRuralDog的博客
04-26 424
惰性载入函数的优点只执行一次if分支，避免了函数每次执行时候都要执行if分支和不必要的代码，因此提升了代码性能
liuweiyibai#lwyb-interview#惰性函数1
07-25
惰性函数通过第一次执行时根据条件判断来选择函数覆盖原函数，简化函数判断代码应用根据浏览器环境是否支持window.addEventListener来覆盖原函数/
JavaScript学习笔记之惰性函数示例详解
10-19
函数是js世界的一等公民，js的动态性、易变性在函数的应用上，体现的淋漓尽致。下面这篇文章主要给大家介绍了关于JavaScript学习笔记之惰性函数的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下。
ldx-clone:惰性深克隆，高性能的js克隆
05-08
惰性深克隆，高性能的js克隆 传统的深拷贝做法 JSON.parse(JSON.stringify(data)) 递归浅拷贝 第一种做法存在一些局限，很多情况下并不能使用，因此这里就不提了；第二种做法一般是工具库中的深拷贝函数实现方式，...
C++ 内联函数的相关概念
weixin_42616791的博客
09-27 585
C++ 内联函数的概念 介绍内联函数之前，需要说明一下 C ++ 在执行普通函数时的一个过程，在调用普通函数时，执行到函数调用指令时，程序将在函数调用后立即存储该指令的内存地址，并将函数参数复制到堆栈，跳转到标记函数起点的内存单元，执行函数代码，然后调回到地址被保存的指令处，下图是关于 C ++ 普通函数调用的一个示意图： ...
JavaScript 惰性函数
m0_60703077的博客
01-13 322
概念 惰性函数，表示函数执行的分支只会在函数第一次调用的时候执行。在一次调用过程中，该函数会被覆盖威另一个按照合适方式执行的函数。这样对原函数的调用就不会再经过执行的分支了。 简单的来说，就是可以记录第一次的操作，之后就不再走第一次的老路了，而是采用一种获取值的方式。 应用案例1. 如果有一个函数，在函数里就行一个求值操作（纯函数），不会有副作用的情况下，我们为了将第一次的值保存下来，之后就不需要求得一遍，直接拿缓存。 var cache = [ ]; function sqrt (x) {
javascript惰性函数
Jour的博客
05-23 645
惰性函数有些地方也叫作自定义函数。做法是创建一个新函数并且将其分配保存了另外函数的同一个变量，那么就以一个新函数覆盖了就函数。在某种程度上，回收了旧函数指针以指向一个新函数。而这一切发生在就函数体的内部。在这种情况下，该函数以一个新的实现覆盖并重新定义了自身。var scareMe = function(){ alert("foo"); scareMe = function(){
js代码优化之惰性函数
qq_35629054的博客
07-13 200
什么是惰性函数？ 简单来说它很惰，所以其只会在函数第一次调用时执行 话不多说，直接上代码 function zhou(){ if(a === 1){ console.log("对着JS一调一下午") }else{ console.log("调了一下午，bug还得补") } } 在上面这段代码中存有一个判断语句，如果在当前环境下a的值不变，那么该函数不管你如何执行，其结果都不会发生任何变化。但每次执行还要进行if判断，这势必造成了没有必要的浪费，有.
js 惰性函数理解
浅笑如伤的博客
05-28 290
概念：在javascript里函数可以动态定义，如果创建了一个新函数并且将其分配给保存了另外函数的同一个变量，那么新函数覆盖旧函数。常用于初始化功能。 原理：同名函数覆盖重写 适用场景：在固定的应用环境不会发生改变，频繁使用同一判断逻辑，一次判定，多次直接使用 来个经典例子：创建XHR请求，需要进行能力检测，如下 function createXHR(){ if (typeof XMLHttpRequest != "undefined"){ return new XMLHttpR
JS高阶--惰性函数
orchid_djl的博客
04-16 2350
JS惰性函数，是针对优化频繁使用的函数。常用于函数库的编写、单例模式之中。首先，写一个test函数，返回首次调用该函数的时间（使用new Date().getTime()）,注意，返回首次调用时间。不好的写法：var t = null; function test () { if(t){ //缺点：每次调用函数就需要进行一次if判断。并且t会污染全局变量。【惰性函数就是...
javascript高级 --- 惰性函数
一只路过的小码农
04-13 253
一、介绍 惰性函数表示在函数执行的过程中，函数会在首次被成功调用的时候覆盖当前函数，成功后的逻辑不会被执行。 二、案例 因为浏览器行为之间的差异，我们在处理一些差异的同时，必须考虑其兼容性问题，例如：addEventListener 、removeEventListener、event、preventDefault、stopPropagation 等等，此时我们就需要根据当前的浏览器环境执行对应的...
JavaScript 性能优化——惰性载入函数
Guanngxu的博客
08-06 715
参考资料： 《JavaScript 高级程序设计（第三版）》 JavaScript专题之惰性函数 深入理解javascript函数进阶之惰性函数 因为不同厂商的浏览器相互之间存在一些行为上的差异，很多 js 代码包含了大量的if语句，将执行引导到正确的分支代码中去，比如下面的例子。 function createXHR() { if (typeof XMLHttpRequest != ...
js 对惰性函数的理解
05-30 2466
平时我们写代码的时候，有时间会经常写写if…else判断语句，比如一些浏览器的兼容问题,每次都要判断到底是哪个浏览器，然后再决定用哪个方法，每次执行的时候都需要先判断，有些情况这个判断条件很耗性能且又频繁执行，那么问题就来了！是不是会很卡？，我们先来看个例子！ function isChrome() { return /chrome/i.test(navigator.userAgent); }; function isFirefox() { return /Firefox/i.test(navigat
JavaScript高级特性：惰性载入与函数柯里化
"本文主要探讨JavaScript的高级特性，包括如何模拟类、惰性载入函数的应用以及函数柯里化的概念。" 在JavaScript中，虽然原生不支持类(class)的概念，但我们可以通过function来实现类似的面向对象编程。描述中提到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值