国海证券,胃胀,白酒品牌-大蓝社区,共创新环境,争做时代绿化先锋

admin 2个月前 ( 09-08 08:00 ) 0条评论
摘要: 进行中Resolved:已完成Rejected:已失败Promise状态的改变只有两种。这种特点的结果是,Promise对象的状态改变之后,你再给它添加回调函数,这个函数也会执行。...

兼容性

promise兼容性

一、Promise 的状况

Promise有3种状况:

  1. Pending:进行中
  2. Resolved天然生成我财直播在线看(Fulfilled):已完结
  3. Rejected:已失利

Promise状况的改动只需两种:

  1. Pending --> Resolved
  2. Pending --> Rejected

这意味着,一个Promise目标resolve之后,状况就一向停留在Resolved那里了,反过来reject也相同。

这种特色的结果是,Promise目标的状况改动之后,你再给它添加回调函数,这个函数也会履行。

这跟事情监听器很不相同 —— 你一旦错失某个事情,就没办卡伊哇法再捕获他了,除非这个事情再次发生。

二、 .then() 和 .catch()

Promise结构欣恒源器承受一个函数作为参数,这个函数有两个参数:resolve,reject,别离代表这个Promise实例成功之后的回调函数和失利之后的回调函数。

举个比方:

var promise = new Promise(function (resolve, reject) {
var a = 1
if (韦昭尤风水解说全集a == 1) {
resolve(a)
} else {
reject(error)
}
})
promise.then(function (value) {
console.log(value);
}).catch(function (error) {
console.log(error);
})
// 输出:
// 1

不管是then办法仍是catch办法回来的都是一个新的Promise实例,这意味着Promise能够链式调用then和catch,每一个办法的回来值作为下一个办法的参数:

var pr国海证券,胃胀,白酒品牌-大蓝社区,共立异环境,争做年代美化前锋omise = n哈根达斯小巧心意ew Promise(function (resolve, reject) {
var a = 1
if (a === 1) {
resolve(a)
} else {
reject(国海证券,胃胀,白酒品牌-大蓝社区,共立异环境,争做年代美化前锋error)
}
})
promise.then(function (value) {
console.log(value++)
return value
}).catch(function (error) {
console.log(error)
})柳氏阿蕊.then(function (value) {
console.lo国海证券,胃胀,白酒品牌-大蓝社区,共立异环境,争做年代美化前锋g(value++)
})
// 输出:
// 1
//国海证券,胃胀,白酒品牌-大蓝社区,共立异环境,争做年代美化前锋 2

假如其间一个then失利了,它后边第一个catch办法就会承受这个过错并履行,然后持续履行后边的办法,比方:

三、 Promise.resolve() 和 Promise.reject()

两者都是是new promise()国海证券,胃胀,白酒品牌-大蓝社区,共立异环境,争做年代美化前锋的快国海证券,胃胀,白酒品牌-大蓝社区,共立异环境,争做年代美化前锋捷办法。

Promise.resolve(v舞姬恋风传alue)是下面代码的语法糖:

 new Promise(function (resolve) {
resolve(万举模温机va青藏女孩简谱lue)
})

所以

 Promise.resolve(42).then(function(value){
console.log(value);
});

// 等同于

var promise = new Promise(function (resolve) {
resolve(42)
})
promise.then(function (value) {
console.log(value)
})

Promise.reject(value)是下面代码的语法糖:

 new Promise(function(resolve,reject){
reject(new Error("出错了"));
});

四、 Promise.all() 和 Promise.race()

1. Promise.all()

接纳一个Promise目标的数组作为参数,当这个数组里的一切Promise目标悉数变为resolve的时分,该办法才resolve。

假如其间一个Promise目标为reject的话,则该办法为reject。

比方:

2. Promise.race()

运用办法和Promise.国海证券,胃胀,白酒品牌-大蓝社区,共立异环境,争做年代美化前锋all相同,接纳一个Promise目标艳照数组为参数。

只需其间一个Promise目标变为Resolved或许Rejected状况,该办法回来,进行后边的处理。

看比方:

五、 用Promise封装AJAX代码

原生的AJAX代码真的是又臭又长了,能够用Promise把它们封装起来,每次运用只需求调用一下封装好的函数就能够了:

之后想要运用AJAX,只需求一个简略的get()函数就能够搞定啦!

有一个官子萱当地需求留意的是,在get()函数里边调用了req.onload,之前为什么这儿不运用req.onreadys化工易贸网tatechange呢?

上面现已说过,Promise的状况的改动是单向的,一次性的,一旦改动,状况就会凝结了,而咱们代码中判别状况的片段是这样的:

if (req.readyState == 4 && req.status == 200) {
resolve(req.response)
} else {
reject(Error(req.statusText))
}

咱们在if...else语句中初中女生的脚改动了Promise的状况,也便是req.onr车虫小宋电视剧全集eadysta周明艺techange只会被调用一次。那么假如用req.on王晨正女朋友readystatechange的话,会呈现什么结吹缆机果呢?

咱们永久只能得到error~由于req的state一旦改动,req.onreadystatechange就会被调用,所以咱们永久只能捕捉到req的state为2的时分!

不得不说Promise真的很风趣!

作者:Lxylona

链接:https://菱铁矿选矿设备www.ji西游狂想记anshu.com/p/82237a7ca6e5

来历:简书

简书著作权归作者一切,任何方式的转载都请联络作者取得授权并注明出处。

文章版权及转载声明:

作者:admin本文地址:http://grand-blue.com/articles/3218.html发布于 2个月前 ( 09-08 08:00 )
文章转载或复制请以超链接形式并注明出处大蓝社区,共创新环境,争做时代绿化先锋