ES6 （Promise 对象）

最新推荐文章于 2024-06-06 10:15:00 发布

萤火虫&

最新推荐文章于 2024-06-06 10:15:00 发布

阅读量219

点赞数

CC 4.0 BY-SA版权

文章标签： ES6

本文链接：https://blog.youkuaiyun.com/weixin_37953807/article/details/82594856

本文介绍如何利用Promise简化异步GET请求处理流程。通过示例代码展示如何创建Promise对象，并实现resolve与reject方法来响应HTTP请求的成功或失败。

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

Promise构造函数接收一个函数作为参数，该函数的两个参数分别是resolve方法和reject方法。如果异步操作成功，则用resolve方法将Promise对象的状态变为”成功”（即从pending变为resolved); 如果异步操作失败，则用reject方法将状态变为”失败”（即从pending变为rejected）.

var getJSON = function(url) {
    var promise = new promise(function (resolve, reject) {
        var client = new XMLHttpRequest();
        client.open('GET', url);
        client.onreadystatechange = handler;
        client.responseType = 'json';
        client.setRequestHeader('Accept', 'application/json');
        client.send();

        function handler() {
            if (this.readyState === this.DONE) {
                if (this.status === 200) {
                    resolve(this.response);
                }
                else {
                    reject(this);
                }
            }
        }
    });

    return promise;
};

getJSON('/posts.json').then(function (json) {
    // continue
}, function (error) {
    // handle errors
});