谈谈JavaScript的异步函数发展历程

JavaScript的异步编程是先到Web开发的核心技能之一。从最初的回调函数,再到Promise,再到async/await。异步的写法越来越简单简便和易读。

下面就来讲讲关于异步函数的发展历程。

什么是异步函数

异步函数允许程序在某些等待操作的时候执行其他代码,而不阻塞整个程序的运行。

什么是同步

同步则是在代码编写的格式中,规定是从上往下挨个执行。

示例

回调函数时间

在ES6之前,javascript主要使用的是回调函数来实现异步操作的

但是使用回调函数就会出现下面这个弊端,如果存在多个需要处理的异步操作,就会产生回调地狱。

回调地狱

当处理多个异步操作的时候,回调函数就使其调用加深

为了解决这个问题,后面引入了Promise解决回调地狱的问题,极大的改善了处理异步操作的书写规范。

Promise

promise存在三个状态

  1. Pending:初始状态,不是成功也不是失败
  2. Fulfilled:已经成功,不会在改变了
  3. Rejected:已经失败,不会在改变了

async/await

ES2017引入了async/await在书写上让异步操作看起来像同步代码。

实际应用场景

  1. Api请求

  2. 文件读取

最佳实践

  1. 错误处理
  2. 避免忘记await
  3. 合理使用Promise.all()

总结

javascript异步操作经过回调函数,到promise,再到async/await的发展,对于异步操作书写代码越来越简便易读。 建议:在现代web处理异步操作优选async/await,处理并发请求的时候使用Promise.all()。

后续还会继续谈论javascript的闭包,原型链,模块化等技术。

相关推荐
晗夜未央2 分钟前
任务队列反复失败,先分清重试、阻塞和结果待核对
开发语言·javascript
jktantan1 小时前
每个节点 41 字节:把一棵百万节点树拆进 14 个 typed array
前端·javascript·vue.js·算法·typescript
我命由我123452 小时前
访客系统形式(有用户概念、无用户概念)
java·开发语言·前端·javascript·python·产品运营·产品经理
程序员大阳2 小时前
副队长JavaScript教程(65)-详解JSON:轻量级数据交换格式
javascript·json·序列化·反序列化·stringify·parse
paopaokaka_luck4 小时前
基于springboot+vue的益暖微光公益服务平台(DeepSeek公益助手、善款信息追溯、志愿服务积分闭环、ECharts运营分析、活动状态自动流转)
java·前端·javascript·spring boot·mysql·架构·echarts
栀椩4 小时前
Electron 内嵌页面跨域问题(CORS/PNA)解决全记录
前端·javascript·electron
SEO_juper4 小时前
Chrome 扩展一键查看当前页面 SEO 信息:不用切页面,点一下全出来
前端·javascript·chrome
Highcharts.js4 小时前
CSUN 2026|Highcharts无障碍数据与AI分享
javascript·人工智能·数据分析·highcharts·图表开发
系统集成-鹰翔4 小时前
ERP推单数据库怎么备份:SQLite WAL模式下只复制db文件为什么可能漏任务
javascript·数据库·经验分享·后端
小大宇5 小时前
Vue知识点-ElementPlus-05 输入框
前端·javascript·vue.js