ES6,15、Promise

Promise,中文名为承诺,承诺在哪里呢,承诺在,一旦他的状态改变,就不会在改过来,这里介绍基本应用:
成功状态:

function requestData () {
	//模拟请求
	return new Promise((resolve,reject) =>{
		setTimeout(() =>{
			resolve('大鱼')
		},1000)
	})
}
requestData().then(res =>{
	console.log(res);//一秒后输出‘大鱼’
},err =>{
	console.log(err)
})

失败状态

function requestData () {
	//模拟请求
	return new Promise((resolve,reject) =>{
		setTimeout(() =>{
			reject('出错了')
		},1000)
	})
}
requestData().then(res =>{
	console.log(res)
},err =>{
	console.log(err) ;//一秒后输出‘出错了’
})

all方法
1,接收一个Promise数组,数组中如果有非Promise项,则此项当作成功
2,如果所有Promise都成功,则返回成功结果数组
3,如果有一个Promise失败,则返回失败的结果
//如果全都是成功

function fn(time) {
	return new Promise((resolve,reject) =>{
		setTimeout(() =>{
			resole(`${time}毫秒后我成功了`)
		},time)
	})
}
Promise.all([fn(2000),fn(3000),fn(1000)].then(res) =>{
//3秒后输出['2000毫秒后我成功了',‘3000毫秒后我成功了’,'1000毫秒后我成功了']
	console.log(res)
},err =>{
	console.log(err)
})

//如果有一个失败
function fn(time,isResolve) {
	return new Promise(resolve,reject) => {
		setTimeout(() => {
			isResolve ? resolve(`${time}毫秒后我成功了`):reject(`${time}毫秒后我失败了`)
		},time)
	}
}
Promise.all([fn(2000,true),fn(1000,true),fn(1000,true)]).then(res => {
	console.log(res)
},err => {
	console.log(err) //1秒后输出‘3000毫秒后我失败了’
})

race方法
1,接受一个promise数组,数组中如果有非Promise项,则此项当做成功
2,哪个Promise最快得到结果,就返回那个结果,无论成功还是失败

function fn (time,isResolve) {
	return new Promise((resolve,reject) =>{
		setTimeout(() =>{
			isResolve ? resolve(`${time}毫秒后我成功了`):reject(`${time}毫秒后我失败了`)
		})
	},time)
}
Promise.race([fn(2000,true),fn(3000),fn(1000)]).then(res =>{
	console.log(res)
},err =>{
	console.log(err)//1秒后输出我失败了
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值