大佬教程收集整理的这篇文章主要介绍了如何使用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,请注明来意。