JavaScript入门教程前端入门教程

ES6 Promise对象

2021-10-09  本文已影响0人  微语博客

Promise是ES6新增的对象,它可以获取异步操作的信息,是异步编程的一种解决方案。首先,这里先简单的解释一下什么是异步编程。任何是程序执行都可以分为同步和异步,同步是指每个程序的子程序或者说代码块依次执行,就像现实生活中的排队一样,前面的没执行完,后面的就执行不了,造成阻塞;而异步刚好相反,前面的代码不影响后面的执行,也可能后面的执行完了,前面还在执行。

Promise状态

Promise 异步操作有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。除了异步操作的结果,任何其他操作都无法改变这个状态。

new Promise(function(resolve,reject){
    resolve('success');
    resolve('success2');
}).then(function(value){
    console.log(value);//success
});

Promise 对象只有:从 pending 变为 fulfilled 和从 pending 变为 rejected 的状态改变。只要处于 fulfilled 和 rejected ,状态就不会再变了即 resolved(已定型)。

new Promise(function(resolve,reject){
    resolve('success');
    reject('reject');
}).then(function(value){
    console.log(value);//success
});

无法取消 Promise ,一旦新建它就会立即执行,无法中途取消。如果不设置回调函数,Promise 内部抛出的错误,不会反应到外部。当处于 pending 状态时,无法得知目前进展到哪一个阶段(刚刚开始还是即将完成)。

then方法

then 方法接收两个函数作为参数,第一个参数是 Promise 执行成功时的回调,第二个参数是 Promise 执行失败时的回调,两个函数只会有一个被调用。

new Promise(function(resolve,reject){
    resolve('success');
}).then(function(value){
    console.log(value);//success
},function(error){
    console.log(error);
});

then 方法将返回一个 resolved 或 rejected 状态的 Promise 对象用于链式调用,且 Promise 对象的值就是这个返回值。

new Promise(function(resolve,reject){
    resolve('success');
}).then(function(value){
    console.log(value);//success
    return "success2";
}).then(function(value){
    console.log(value);//success2
}).then(function(value){
    console.log(value);//undefined
})

通过 .then 形式添加的回调函数,不论什么时候,都会被调用。

上一篇下一篇

猜你喜欢

热点阅读