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

相关文章

原文连接:https://www.cnblogs.com/dupd/p/5951311.htmlES6...
以为Es6,javascript第一次支持了module。ES6的模块化分为导...
视频讲解关于异步处理,ES5的回调使我们陷入地狱,ES6的Prom...
TypeScript什么是TypeScript?TypeScript是由微软开发的一款开...
export class AppComponent { title = 'Tour of heroes...
用 async/await 来处理异步昨天看了一篇vue的教程,作者用as...