要理解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)
})
收藏 打印