es6 中Promise的使用

12 篇文章 0 订阅
5 篇文章 0 订阅
本文介绍了Promise的基本概念及其在ES6中的两种常见用法:模拟抛硬币的随机结果,以及如何封装AJAX请求以获取API接口数据。通过实例解析,帮助开发者更好地理解和运用Promise解决异步编程问题。
摘要由CSDN通过智能技术生成

0.Promise的介绍

1.Promise 是什么
是一种异步解决的方案 对比es5传统的解决异步的方案(回调函数,会产生回调地狱问题)

1.第一中使用方法,实现类似抛硬币正反面。

var p= function(){
    	return new Promise((res, rej)=>{
    		if (Math.random() < 0.5) {
    			res()
    		}
    		rej()
       	})
    }
    p().then(res=>{
    	console.log('正面')
    }).catch(()=>{
    	console.log('反面')
    })

2.封装ajax请求api接口数据。

var ajax = function(url){
	    return new Promise((resolve, reject)=>{
		var xhr = new XMLHttpRequest();//创建一个XHR ajax请求
		xhr.open('GET',url)//请求的方法和地址
		xhr.onload = function(event) {
			resolve(event)
		};
		xhr.onerror = function(event) {
			reject(event)
		};
		xhr.send()//最后发送请求
	})
}

	ajax('/api.json').then(resolve=>{
		console.log(resolve)//成功时候调用
	}).catch(()=>{//catch 失败时候调用
		console.log('请求数据失败...')
	}).finally(()=>{
		console.log('完毕')//inall是无论请求成功还是失败都会调用的
	})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值