var p1 = new Promise(function (resolve) { setTimeout(function () { resolve("Hello"); }, 3000); }); var p2 = new Promise(function (resolve) { setTimeout(function () { resolve("World"); }, 1000); }); Promise.all([p1, p2]).then(function (result) { console.log(result); // ["Hello", "World"] });
上面的例子模拟了传输两个数据需要不同的时长，虽然 p2 的速度比 p1 要快，但是 Promise.all 方法会按照数组里面的顺序将结果返回，但 promise 本身并不是一个个的顺序执行的，而是同时开始、并行执行的，可以利用这个特点处理需要多个回调返回后才能进行的操作
11.Promise.race方法和Promise.all方法类似，也接收一个promise对象数组为参数，不同的是只要该数组中的 Promise 对象的状态发生变化（无论是 resolve 还是 reject）该方法都会返回。
var p1 = new Promise(function (resolve) { setTimeout(function () { resolve("Hello"); }, 3000); }); var p2 = new Promise(function (resolve) { setTimeout(function () { resolve("World"); }, 1000); }); Promise.race([p1, p2]).then(function (result) { console.log(result); // Wrold });
12.一般情况下我们都会使用 new Promise() 来创建promise对象，除此之外，可以使用 Promise.resolve 和 Promise.reject这两个方法；
静态方法Promise.resolve(value) 可以认为是 new Promise() 方法的快捷方式
let promise = Promise.resolve('resolved'); //等价于 let promise = new Promise(function(resolve){ resolve('resolved'); });
上述的promise对象立即进入确定（即resolved）状态，并将 'resolved' 传递给后面then里所指定的 onFulfilled 函数。
Promise.resolve('resolved').then(function(value){ console.log(value); }); // resolved
Promise.reject(error)是和 Promise.resolve(value) 类似的静态方法，是 new Promise() 方法的快捷方式。
let promise = Promise.reject(new Error("出错了")); //等价于 let promise = new Promise(function(resolve,reject){ reject(new Error("出错了")); });
上述 promise 对象通过then指定的 onRejected 函数，并将错误（Error）对象传递给这个 onRejected 函数
Promise.reject(new Error("fail!")).catch(function(error){ console.error(error); }); // Error : fail!
13.我们可以利用 Promise 应用到我们实际开发中，下面举几个栗子
//图片加载 const preloadImage = function (path) { return new Promise(function (resolve, reject) { var image = new Image(); image.onload = resolve(image); image.onerror = function() { reject(new Error('Could not load image at ' + path)); }; image.src = path; }); } //文件读取 function reader (file) { return new Promise(function (resolve, reject) { let reader = new FileReader(); reader.onload = function () { resolve(reader); }; reader.onerror = function() { reject(new Error('Could not open the file ' + file)); }; if (!file.type || /^text\//i.test(file.type)) { reader.readAsText(file); } else { reader.readAsDataURL(file); } }) }
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》