javascript 实时搜索节点节流

最新推荐文章于 2024-06-14 14:14:14 发布

yedegesong

最新推荐文章于 2024-06-14 14:14:14 发布

阅读量310

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/weixiaoderensheng/article/details/88416378

javascript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个用于异步读取和选择数据的函数，特别关注于通过产品名称进行搜索的功能实现。该函数利用Promise和setTimeout来处理延迟响应，并支持根据需要返回带有标签的数据格式。

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

let timeout
export const asyncReadSelect = (fileLabelValue, callback, needLable = false) => {
  return new Promise((resolve) => {
    if (timeout) {
      clearTimeout(timeout)
      timeout = null
    }
    timeout = setTimeout(() => {
      callback().then((result) => {
        const data = []
        result.forEach((r) => {
          data.push({
            label: r[fileLabelValue[0]],
            // value: r[fileLabelValue[1]]
            value: needLable ? `${r[fileLabelValue[0]]},${r[fileLabelValue[1]]}` : r[fileLabelValue[1]]
          })
        })
        resolve(data)
      })
    }, 300)
  })
}

调用

 getProductNameEffects = async (value) => {
    const getProductNameData = await asyncReadSelect(['productName', 'productName'], () => {
      return Api.Search({ productName: value.replace(/[']/g, '') })
    })
    return getProductNameData
  }