高阶函数

防抖(debounce):

非立即执行版本
描述:
触发事件func后设置定时器setTime1在n秒后执行事件func,如果在n秒内又触发了事件func,则会去掉上一个定时器setTime1,重新设定一个定时器setTime2在n秒后执行事件func。
适用场景:
1、搜索框,内容变化去发送请求,不希望内容一变化就去发送请求,而是变化后等一等,没有再变化时发送请求。
2、滚动,不希望一滚动就去执行,等一等,没有再滚动再去执行。

export function debounce(func, delay) {
    let timer
    return function (...args) {
      if (timer) {
        clearTimeout(timer)
      }
      timer = setTimeout(() => {
          func.apply(this, args)
      }, delay)
    }
}

立即执行版(适合用在,避免按钮多次快速点击导致发多个请求的情况)
描述:
1、函数会立即执行,执行后的规定时间内,不允许再次执行,如果不等待规定时间就来再次执行了,则等待时间重新计时。
适用场景:
适用场景不多啊!!暂时想不出来,这个场景有点变态...

export function debounce(func, delay) {
    let timer
    return function (...args) {
      let callNow = !timer;
      if (timer) {
        clearTimeout(timer)
      }
      timer = setTimeout(() => {
          timer = null
      }, delay)
      if (callNow) func.apply(this, args)
    }
}

合并版

export function debounce(func, delay, immediate) {
    let timer;
    return function (...args) {
        let callNow = !timer;
        if (timer) {clearTimeout(timer)}
        if(immediate) {
            if(callNow) func.apply(this, args);
            timer = setTimeout(() => {
                timer = null
            }, delay)
        }esle{
          timer = setTimeout(function(){
              func.apply(this, args)
          }, dalay)
        }
    }
}

节流(throttle)

立即执行版
描述:
规定n秒内,某个方法只能被执行一次,且在一开始就执行,规定时间内再次进行,不会重新计时。
适用场景:
点击按钮,会发送api请求,快速多次点击,希望只触发第一次。
export function throttle(func, delay){
let timer;
return function(...args) {
if(!timer) {
func.apply(this, args)
timer = setTimeout(()=> {
timer = null
},delay)
}
}
}

非立即执行版
描述:
规定n秒内,某个方法只能被执行一次,且在n秒后执行,规定时间内再次进行,不会重新计时。
适用场景:
有延迟,但不会重新计时,适用场景不多。暂时没发现。

export function throttle(func, delay) {
    let timer;
    return function(...args) {
        if(!timer) {
            timer = setTimeout(() => {
                timer = null
                func.apply(this, args);
            }, delay)
        }
    }
}

柯里化

    在一个函数中首先填充几个参数(然后再返回一个新函数)的技术称为柯里化(Currying)。听起来跟Function.prototype.bind作用一样填入几个参数返回一个新函数。

    在很多文章中写到:柯里化通常也称**部分求值**,其含义是**给函数分步传递参数**,**每次传递参数后部分应用参数**,**并返回一个更具体的函接收剩下的参数**,**这中间可嵌套多层这样的接受部分参数函数,直至返回最后结果**。

柯里化简单实现:

问题 :要实现一个这样的加法函数,使得:

image
    这个函数,只有当参数为空时,才执行运算。当有参数时(比如add(1,2,3)),返回的是一个函数,这个函数储存了1,2,3但没有执行加法(执行了也行,此处假设不执行,只起到保存参数作用)。

    要实现这样一个函数,在参数不为空时,必定返回一个函数,该函数还保存了之前的参数,这就是闭包呀!
image
    可以看出,**函数柯里化的特点**:1、闭包把参数长久持有,不被垃圾回收器回收。2、函数递归,在传参数情况下返回一个新函数给下一次调用而使用。

通用函数对差异化函数进行柯里化实现:

    通用函数对差异化函数进行柯里化,假如我们有一段通用的逻辑代码,有一段差异化的逻辑代码(在不同情况下执行的操作不同)。为了不用每次对差异化代码进行差异判断执行,我们可以通过闭包把它持久化,用到函数柯里化。
image

柯里化的作用

1、多次调用curry方法,只有第一次会去执行var args =..;接下来都是直接执行_func方法。也就是前面的逻辑可以复用,不再执行,提高性能。

2、返回函数_func内的参数,比如args, _func都会因为闭包而不被垃圾回收器回收,长久持有,除了第一次,接下来执行_func方法,都不用再传入这些参数。

2、利用柯里化的思想,可以自己写一个bind函数。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容