ES6中Promise的用法

要理解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)
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值