js中return返回函数不执行

yanlei233

已于 2023-02-09 09:56:36 修改

阅读量2.8k

点赞数 3

分类专栏：日常分享文章标签： javascript 开发语言

于 2023-02-09 09:51:04 首次发布

本文链接：https://blog.youkuaiyun.com/yanlei233/article/details/128947529

版权

日常分享专栏收录该内容

20 篇文章

订阅专栏

文章介绍了JavaScript中的防抖(debounce)函数实现，通过一个具体的函数示例展示了如何创建一个防抖函数，该函数返回一个新的函数，这个返回的函数在特定延迟后执行，用于优化性能。关键点在于使用setTimeout和this的处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

外部调用一个函数，该函数return一个函数，return的函数不执行，代码如下：

	//防抖
function debounce (fn, delay = 1000) {
  let time = null
  return function () {
    // 获取当前this
    let that = this
    // 判断是否已经存在，如果存在直接清除
    if (time) {
      clearTimeout(time)
    }
    time = setTimeout(() => {
      // 使fn 中this，执行当前调用者，并传入参数
      fn.apply(that, arguments);
    }, 100)
  })()
  
}

因为return的是function，外部访问的时候必须加上括号，不然得到的是function本身的内容，但不执行。如果要得到return后的函数，就是要得到debounce()(),而不是debounce(), 所以return的函数必须加上括号。
代码修改如下：

	//防抖
function debounce (fn, delay = 1000) {
  let time = null
  // 因为return的是function，外部访问的时候必须加上括号，不然得到的是function本身的内容，但不执行
  return (function () {
    // 获取当前this
    let that = this
    // 判断是否已经存在，如果存在直接清除
    if (time) {
      clearTimeout(time)
    }
    time = setTimeout(() => {
      // 使fn 中this，执行当前调用者，并传入参数
      fn.apply(that, arguments);
    }, 100)
  })()
  
}

执行成功