JavaScript Promise 返回数组却显示 undefined 如何解决?

javascript promise 返回数组却显示 undefined 如何解决?

javascript promise 返回数组却显示 undefined 的问题

在使用 promise 返回数组时遇到无法访问数组元素的问题,可以通过以下方式解决:

let element = document.querySelectorAll('.test');
let promise = new Promise((resolve, reject) => {
  let imgs = [];
  for (var i = 0; i  {
        if (imgs.length === element.length) {
          resolve(imgs);
        }
      });
  }
});
promise.then((e) => {
  console.log(e, e.length);
});

修改后要将 resolve(imgs) 移动到 imgs.push(page.todataurl('image/jpeg', 1.0)) 语句后面。此外,还需要在 then 中判断 imgs 数组的长度是否等于 element 的长度,如果相等则调用 resolve,否则不调用。这样可以确保只有所有图片都加载完成后才返回数组。

以上就是JavaScript Promise 返回数组却显示 undefined 如何解决?的详细内容,更多请关注www.sxiaw.com其它相关文章!