温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Promise对象---浅析

发布时间:2020-07-30 20:03:40 来源:网络 阅读:493 作者:Hello_Prudence 栏目:开发技术

ES 6 中Promise对象的出现为了解决JS异步编程的问题。

一个 Promise 对象可以理解为一次将要执行的操作(常常被用于异步操作),使用了 Promise 对象之后可以用一种链式调用的方式来组织代码,让代码更加直观。而且由于 Promise.all 这样的方法存在,可以让同时执行多个操作变得简单。

Promise对象的三种状态:

    1.Fulfilled -----成功

    2.Rejected------失败

    3.pending -----promise对象实例创建的初始状态


Promise对象的两个重要方法:----resolve(成功) && reject(失败)

resolve 方法可以使 Promise 对象的状态改变成成功,同时传递一个参数用于后续成功后的操作。

reject 方法则是将 Promise 对象的状态改变为失败,同时将错误的信息传递到后续错误处理的操作。

function helloWorld (ready) {    

        return new Promise(function (resolve, reject) {        
        if (ready) {
            resolve("Hello World!");  //成功时调用的参数
        } else {
            reject("Good bye!");    //失败时调用的参数
        }
    });
}

helloWorld(true).then(function (message) {
    alert(message);
}, function (error) {
    alert(error);
});


then方法: then(onFulfilld, onRejected) 

根据 Promise 对象的状态来确定执行的操作,resolve 时执行第一个函数(onFulfilled),reject 时执行第二个函数(onRejected)。


function printHello (ready) {    

     return new Promise(function (resolve, reject) {        
         if (ready) {
            resolve("Hello");
        } else {
            reject("Good bye!");
        }
    });
}function printWorld () {
    alert("World");
}function printExclamation () {
    alert("!");
}

printHello(true)
    .then(function(message){
        alert(message);
    })
    .then(printWorld)
    .then(printExclamation);


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI