微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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秒后输出我失败了
})

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐