目录
2.Promise.prototype.then() ---见1.④⑤
3.Promise.prototype.catch()--用于指定发生错误时的回调函数
一、Promise介绍
Promis是异步编程的一种解决方案,原生提供了Promise对象。
简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。
Promise
对象有以下两个特点:
(1)对象的状态不受外界影响---只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。
Promise
对象代表一个异步操作,有三种状态:
①pending
(进行中)
②fulfilled
(已成功)
③rejected
(已失败)
(2)一旦状态改变,就不会再变,任何时候都可以得到这个结果
Promise
对象的状态改变,只有两种可能:
①从pending
变为fulfilled
②从pending
变为rejected
只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果,这时就称为 resolved(已定型)
说白了就是,你错过了,再去监听,是不会有结果的(要趁早啊!!)
Promise
对象,可以将异步操作以同步操作的流程表达出来
二、Promise用法
1.创建Promise对象----以及then方法
const promise = new Promise(function(resolve, reject) {
if (/* 异步操作成功 */){
resolve(value);
} else {
reject(error);
}
});
promise.then(function(value) {
// success
}, function(error) {
// failure
});
①Promise
构造函数接受一个函数作为参数,该函数的两个参数分别是resolve
和reject
②resolve
函数的作用是:将Promise
对象的状态从“未完成”变为“成功”(即从 pending 变为 fulfilled
),在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;
③reject
函数的作用是:将Promise
对象的状态从“未完成”变为“失败”(即从 pending 变为 rejected),在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。
④Promise
实例生成以后,可以用then
方法分别指定resolved
状态和rejected
状态的回调函数。
第一个回调函数是Promise
对象的状态变为resolve
时调用,
第二个回调函数是Promise
对象的状态变为reject
时调用。
2.Promise.prototype.then() ---见1.④⑤
getJSON("/posts.json").then(function(json) {
return json.post;
}).then(function(post) {
// ...
});
//上面的代码使用then方法,依次指定了两个回调函数。
//第一个回调函数完成以后,会将返回结果作为参数,传入第二个回调函数。
getJSON("/post/1.json").then(
post => getJSON(post.commentURL)
).then(
comments => console.log("resolved: ", comments),
err => console.log("rejected: ", err)
);
//上面代码中,第一个then方法指定的回调函数,返回的是另一个Promise对象。
//第二个then方法指定的回调函数,就会等待这个新的Promise对象状态发生变化。
//如果变为resolved,就调用第一个回调函数,如果状态变为rejected,就调用第二个回调函数。
3.Promise.prototype.catch()--用于指定发生错误时的回调函数
一般来说,不要在then()
方法里面定义 Reject 状态的回调函数(即then
的第二个参数),总是使用catch
方法,如下代码,第二种比第一种要好
// 第一种
promise
.then(function(data) {
// success
}, function(err) {
// error
});
// 第二种
promise
.then(function(data) { //cb
// success
})
.catch(function(err) {
// error
});
一般总是建议,Promise 对象后面要跟catch()
方法,这样可以处理 Promise 内部发生的错误。catch()
方法返回的还是一个 Promise 对象,因此后面还可以接着调用then()
方法。如下:
const someAsyncThing = function() {
return new Promise(function(resolve, reject) {
// 下面一行会报错,因为x没有声明
resolve(x + 2);
});
};
someAsyncThing()
.catch(function(error) {
console.log('oh no', error);
})
.then(function() {
console.log('carry on');
});
// oh no [ReferenceError: x is not defined]
// carry on
4.Promise.prototype.finally()
finally()
方法用于指定不管 Promise 对象最后状态如何,都会执行的操作
5.Promise.all()
Promise.all()
方法用于将多个 Promise 实例,包装成一个新的 Promise 实例
Promise.all()
方法必须具有 Iterator 接口,且返回的每个成员都是 Promise 实例
6.
Promise.race()
7.Promise.allSettled()
8.Promise.any()
9.Promise.resolve()
10.Promise.reject()
官网:https://es6.ruanyifeng.com/#docs/promise
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。