程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何使用promise使用javascript显示结果?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决如何使用promise使用javascript显示结果??

开发过程中遇到如何使用promise使用javascript显示结果?的问题如何解决?下面主要结合日常开发的经验,给出你关于如何使用promise使用javascript显示结果?的解决方法建议,希望对你解决如何使用promise使用javascript显示结果?有所启发或帮助;

我正在尝试使用 JavaScript 理解和实现承诺。我有一个 searchMovIEs 函数,它接受 searchinput, 过滤文本并检查电影名称是否存在于电影数组中。我想在 resultContainer 中显示结果。 我能够读取输入框中输入的文本并将其传递给 SearchMovIEs 函数,但不确定如何处理承诺解析和拒绝。 我应该如何使用 promise 的输出并将其分配给 resultsContainer?

class MovIESearch {
  constructor(searchinput,resultsContainer) {
    this.searchinput = searchinput;
    this.resultsContainer = resultsContainer;
  }

  //Helper function to debounce (only call it after there has been a "cool off" period) a function
  _debounce(fn) {
    let timeout = undefined;
    return (...args) => {
      if (timeout) {
        clearTimeout(timeout);
      }

      timeout = setTimeout(() => {
        fn(...args);
      },200);
    };
  }
}

// use this function to search the movIE.
function searchMovIEs(searchText) {
  return new Promise((resolve,reject) => {
    setTimeout(() => {
      const regex = new RegExp(`${searchText}`,"i");
      try {
        resolve(movIEs.filter((movIE) => regex.test(movIE)));
      } catch (E) {
        reject(E);
      }
    },800);
  });
}

const search = new MovIESearch(
        document.querySELEctor(".search-input"),//input text area
        document.querySELEctor(".search-results") //display the result here
);

//call searchMovIEs and pass the input entered in text Box
var progress = search._debounce(searchMovIEs)
search.searchinput.addEventListener('input',function(){
    progress(search.searchinput.value);
    
});

const movIEs = [
  "Nomadland","Minari","Judas and the Black Messiah","The Trial of the Chicago 7",];

我应该在什么时候将结果分配给 resultContainer ?我需要调用 SearchMovIEs 函数两次吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

大佬总结

以上是大佬教程为你收集整理的如何使用promise使用javascript显示结果?全部内容,希望文章能够帮你解决如何使用promise使用javascript显示结果?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。