当前位置:网站首页>简单理解ES6的Promise
简单理解ES6的Promise
2022-07-06 09:21:00 【玲小叮当】
简单理解ES6的Promise
前言
Promise
是异步编程的一种解决方案:从语法上讲,promise
是一个对象,从它可以获取异步操作的消息;从本意上讲,它是承诺,承诺它过一段时间就会给你一个结果Promise
可以保证异步请求变得有顺序执行概念:
Promise
是ES6
中的新语法,本身是一个构造函数;每个new
出来的Promise
实例对象,都代表一个异步操作作用: 解决了回调地狱问题(即异步嵌套调用问题)
回调地狱:指的是回调函数中,嵌套回调函数的代码形式;如果嵌套的层级很深,就是回调地狱;
回调地狱不利于代码的阅读、维护和后期的扩展
Promise怎么用
- 创建具体的异步操作对象
const p = new Promise(function(successCb, errorCb){
// 在这个 function 中定义具体的异步操作
// successCb成功回调
// errorCb失败回调
})
Promise
是构造函数,可以new
一个对象,本身就是一个异步操作Promise
的then
方法Promise
使用时有两个方法参数successCb
,errorCb
分别代表执行成功或失败Promise
对象可以通过then
方法对successCb
和errorCb
进行调用
具体有两种情形如下:
result.then(function(data){
/*成功回调*/},function(data){
/*失败回调*/})
result.then(function(){
/*成功回调*/}).catch(function(data){
/*失败回调*/})
前者在then
方法中通过两个参数分别接受successCb
和errorCb
回调函数
后者通过then
和catch
两个方法依次接受successCb
和errorCb
回调函数
- 例:
// 引入fs模块
const fs = require('fs')
// 4) Promise介入并丰富操作(加入成功 、失败回调)
function getFileCont(filename) {
// 实例化Promise对象,用以表示是异步操作
// new Promise(function(successCb函数, errorCb函数){})
// successCb:当前异步操作是ok情况下就触发执行resolve
// errorCb:当前异步操作发生错误情况(出乎意料)下就触发执行reject
return new Promise(function(successCb, errorCb) {
// 体现异步过程
fs.readFile(filename, 'utf8', function(err, data) {
if (err) {
return errorCb('文件读取发生错误了:' + err)
}
// 所有操作都ok情况下的正常处理,把处理后的结果给予resolve调用(返回)
successCb(data)
})
})
}
// 以下可以保证 按照顺序 获得结果
getFileCont('./files/1.txt').then(function(result) {
console.log(result)
return getFileCont('./files/2.txt')
}).then(function(result){
console.log(result)
return getFileCont('./files/3.txt')
}).then(function(result){
console.log(result)
}).catch(function(err){
console.log(err)
})
ES7的async和await
ES7
中的async
和await
可以简化Promise
调用,提高Promise
代码的阅读性和理解性async
和await
结合起来,可以使得异步调用不返回Promise
,而直接把then
参数方法的参数(也是successCb
函数实参)给返回出来,使得代码更节俭,提高代码开发效率,也可以保证异步调用的顺序执行async
、await
各种使用情形:
注意:
async
和await
必须同时出现
一个async
可以对应多个await
await
修饰的结果必须是Promise
对象
var obj = {
async getInfo(){
await getXXXX()
await getXXXX()
}
}
或
function ffff(){
// async需要设置到Promise对象的最近外层function的前边
getInfo(async function(){
await getXXXX()
//console.log(getXXXX())
})
}
或
async function XXXX(){
await getXXXX()
}
总结
new Promise()
实例化对象,参数回调函数会存在两个回调successCb
和errorCb
参数- 这两个回调可以通过
then
和catch()
进行接收,但是异步调用代码多少还有地狱回调的程度体现 async
和await
结合,把返回的Promise
直接转变为successCb
的实参,大大简化了代码开发复杂度,提升开发效率- 如果有需要,通过
try/catch
捕捉async
和await
- 通常使用,
async
、await
、异常
三种技术结合提供的异步顺序执行的解决方案
async function getThreeFile(){
try{
console.log(await getFileCont('./files/1.txt'))
console.log(await getFileCont('./files/2.txt'))
console.log(await getFileCont('./files/3.txt'))
}catch(err){
console.log(err)
}
}
getThreeFile()
边栏推荐
- Arduino+ water level sensor +led display + buzzer alarm
- 强化学习系列(一):基本原理和概念
- 5.MSDN的下载和使用
- Miscellaneous talk on May 27
- 更改VS主题及设置背景图片
- The latest tank battle 2022 - Notes on the whole development -2
- 3.C语言用代数余子式计算行列式
- View UI plus releases version 1.1.0, supports SSR, supports nuxt, and adds TS declaration files
- 1.C语言矩阵加减法
- 7.数组、指针和数组的关系
猜你喜欢
随机推荐
Custom RPC project - frequently asked questions and explanations (Registration Center)
[the Nine Yang Manual] 2020 Fudan University Applied Statistics real problem + analysis
Redis的两种持久化机制RDB和AOF的原理和优缺点
Why use redis
1.C语言矩阵加减法
[中国近代史] 第六章测验
仿牛客技术博客项目常见问题及解答(二)
杂谈0516
【手撕代码】单例模式及生产者/消费者模式
20220211-CTF-MISC-006-pure_ Color (use of stegsolve tool) -007 Aesop_ Secret (AES decryption)
[面試時]——我如何講清楚TCP實現可靠傳輸的機制
[modern Chinese history] Chapter 9 test
5月14日杂谈
The latest tank battle 2022 - full development notes-3
Service ability of Hongmeng harmonyos learning notes to realize cross end communication
[au cours de l'entrevue] - Comment expliquer le mécanisme de transmission fiable de TCP
【九阳神功】2018复旦大学应用统计真题+解析
1.初识C语言(1)
一段用蜂鸣器编的音乐(成都)
甲、乙机之间采用方式 1 双向串行通信,具体要求如下: (1)甲机的 k1 按键可通过串行口控制乙机的 LEDI 点亮、LED2 灭,甲机的 k2 按键控制 乙机的 LED1