掌握JavaScript中的Promise.all用法

资源摘要信息:"js代码-Promise.all" Promise.all是一个JavaScript中的全局函数，它允许将多个Promise对象组合成一个单独的Promise对象。这个单一的Promise对象将等待所有给定的Promise对象都成功完成。一旦所有给定的Promise对象都成功完成，它将返回一个结果数组，数组中的结果与传入的Promise对象是顺序对应的。 Promise.all的工作原理如下： - 它接受一个Promise对象数组作为参数。 - 返回一个新的Promise对象。 - 如果所有传入的Promise都成功，新的Promise将以成功状态解决，并返回一个包含所有结果的数组。 - 如果任何一个传入的Promise失败（即，任何一个Promise的状态变为拒绝），Promise.all立即以失败状态拒绝，并返回被拒绝的Promise的结果。 Promise.all的用例： 1. 并行处理多个请求：在Web应用开发中，你可能需要从服务器获取多个资源。使用Promise.all，你可以并行发起所有请求，并在所有请求都完成后一次性处理结果。 2. 批量操作：当你需要执行一系列异步任务，并且只有在所有任务都完成后才能进行下一步操作时，Promise.all非常有用。 下面是一个使用Promise.all的示例代码（main.js）： ```javascript // 假设有两个异步操作，分别是fetchImage和fetchVideo，返回的都是Promise对象 function fetchImage() { return new Promise((resolve, reject) => { setTimeout(() => { console.log('图片数据加载完成'); resolve('图片数据'); }, 1000); }); } function fetchVideo() { return new Promise((resolve, reject) => { setTimeout(() => { console.log('视频数据加载完成'); resolve('视频数据'); }, 2000); }); } // 使用Promise.all来等待两个异步操作都完成 Promise.all([fetchImage(), fetchVideo()]) .then(results => { // 这里的results是一个数组，包含所有Promise解决的结果，按照它们在数组中出现的顺序 console.log('所有资源加载完成:', results); }) .catch(error => { // 如果任何一个Promise被拒绝，这里的error将会是被拒绝的那个Promise的原因 console.error('加载过程中出现错误:', error); }); ``` 在上面的代码中，我们模拟了两个异步操作：`fetchImage`和`fetchVideo`，它们分别返回一个Promise。我们使用`Promise.all`来确保只有当两个Promise都成功完成后，才会调用`.then`方法中的回调函数。在回调函数中，我们得到了一个包含两个操作结果的数组。如果任何一个Promise被拒绝，`.catch`方法将会捕获到错误。 关于文件的其他信息，README.txt文件可能包含了项目的相关说明、使用方法、作者信息以及版权声明等。由于文件不在提供的信息中，这里不进行具体分析，但在实际使用时应仔细阅读README文件，以获取项目的详细信息和指导。