JS学习笔记-promise_阮雪峰博客-优快云博客

本文链接：https://blog.youkuaiyun.com/sunxiaolinlinx/article/details/107807294

本文深入讲解JavaScript中的Promise机制，包括其基本用法、方法链、finally、all与race方法的使用，通过具体示例帮助读者掌握异步编程的高级技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考笔记
 《JavaScript Promise迷你书（中文版）》
阮老师的ES6-Promise
廖雪峰老师的promise

promise基本实例

new Promise(fn)返回一个promise对象
在fn中指定异步等处理
处理结果正常的话，调用resolve(处理结果值)
处理结果错误的话，调用reject(Error对象)

function getURL(URL) {
    return new Promise(function (resolve, reject) {
        var req = new XMLHttpRequest();
        req.open('GET', URL, true);
        req.onload = function () {
            if (req.status === 200) {
                resolve(req.responseText);
            } else {
                reject(new Error(req.statusText));
            }
        };
        req.onerror = function () {
            reject(new Error(req.statusText));
        };
        req.send();
    });
}
// 运行示例
var URL = "http://httpbin.org/get";
getURL(URL).then(function onFulfilled(value){
    console.log(value);
}).catch(function onRejected(error){
    console.error(error);
});

promise方法链

var promise = Promise.resolve();
promise
    .then(taskA)
    .then(taskB)
    .catch(onRejected)
    .then(finalTask);

finally()

finally方法用于指定不管 Promise 对象最后状态如何，都会执行的操作。

all的用法

：谁跑的慢，以谁为准执行回调。all接收一个数组参数，里面的值最终都算返回Promise对象

race的用法

：谁跑的快，以谁为准执行回调