要理解Promise,首先要知道异步操作和同步操作的区别。在JS中,同步操作是指函数会立即执行。异步操作,则是当满足了某些要求的情况下,才会去执行函数。比较常见的异步操作就是ajax异步请求。
一个简单的promise的例子
//首先写好一个调用Promise的方法的方法
let getNum = function(){
let a = new Promise(function(resolve,reject){
let b = Math.floor(Match.random()*10+1)//取0-10之间的随机数
if(b>5){
resolve(b+"大于5")
}else{
reject (b+"小于5")
}
})
return a
}
getNum.then(res=>{
console.log(res)//当b大于5,会返回resolve,then方法会捕捉到resolve
})
.catch(err=>{
console.log(res)当b小于5,会返回reject,catch方法会捕捉到reject
})
})
简单来说,就是执行了getNum这个函数之后,如果b的值大于5,就会执行.then函数,如果b小于5,就会执行.catch函数。promise并没有规定必须要返回resolve或者reject,所以可以写成这个样子。
let getNum = function(){
let a = new Promise(function(resolve,reject){
let b = Math.floor(Match.random()*10+1)//取0-10之间的随机数
if(b>5){
resolve(b+"大于5")
}
})
return a
}
getNum.then(res=>{
console.log(res)//当b大于5,会返回resolve,then方法会捕捉到resolve,如果b小于5,什么事情都不会发生
})
})
有且只有一种情况发生的时候,函数才可以继续执行,否则就会中断。
连续的promise+回调的写法
let getNum = function(){
let a = new Promise(function(resolve,reject){
let b = Math.floor(Match.random()*10+1)//取0-10之间的随机数
if(b>5){
resolve(b+"大于5")
}
})
return a
}
getNum.then(res=>{
console.log(res)//如果b大于5,才会继续执行
return getNum()
}).then(res=>{
console.log(res)
})