JS异步解决方案的发展历程以及优缺点

最新推荐文章于 2023-11-09 13:38:37 发布

前端瓶子君

最新推荐文章于 2023-11-09 13:38:37 发布

阅读量2.8k

点赞数 1

分类专栏： JS ES6

本文链接：https://blog.csdn.net/lunahaijiao/article/details/87167417

版权

本文总结了JavaScript中异步处理的发展，从回调函数的回调地狱问题，到Promise解决链式调用，再到Generator和Async/Await的引入。尽管Promise解决了回调问题，但仍有无法取消和错误捕获的不足。Async/Await提供了更清晰的代码结构，但过度使用可能影响性能。文章还解析了一个异步操作的执行流程。

摘要由CSDN通过智能技术生成

JS 异步已经告一段落了，这里来一波小总结

1. 回调函数（callback）

setTimeout(() => {
   
    // callback 函数体
}, 1000)

缺点：回调地狱，不能用 try catch 捕获错误，不能 return

回调地狱的根本问题在于：

缺乏顺序性：回调地狱导致的调试困难，和大脑的思维方式不符
嵌套函数存在耦合性，一旦有所改动，就会牵一发而动全身，即（控制反转）
嵌套函数过多的多话，很难处理错误

ajax('XXX1', () => {
   
    // callback 函数体
    ajax('XXX2', () => {
   
        // callback 函数体
        ajax('XXX3',

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端瓶子君

关注关注

1
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

细说JS异步发展历程

Yvette Lau的专栏

05-22

592

知其然知其所以然，首先了解三个概念： 1.什么是同步？所谓同步，就是在发出一个"调用"时，在没有得到结果之前，该“调用”就不返回。但是一旦调用返回，就得到返回值了。换句话说，就是由“调用者”主动等待这个“调用”的结果。此调用执行完之前，阻塞之后的代码执行。 2.什么是异步？ "调用"在发出之后，这个调用就直接返回了，没有返回结果。换句话说，当一个异步过程调用发出后，调用者不会立刻得到结果...

js处理代码异步的几种方式（使用方法和优缺点）

wangyinze123的博客

12-08

1955

一、回调函数（callback）是啥：一个函数a被当做另一个函数b的参数，在b的函数体内去执行a function b(callback){　　　　　callback(); } function a(){} b(a) 优点：能让a函数的逻辑在适当的位置才被执行缺点：代码逻辑不清，不利于代码的阅读和维护，各个部分之间高度耦合优化：变成异步回调 function b(callback){　　　　　setTime(()=>{ callback(); },1000) } functi

参与评论您还未登录，请先登录后发表或查看评论

异步解决方案和发展历程

zzyaiaad的博客

04-16

340

这里打算做个promise的总结 1、promise主要解决异步深层嵌套的问题 2、用法 3、自己实现过吗 4、api 1）all 2）race 3）catch 捕捉错误的 4）finally：不管成功与失败都会执行（用then可以模拟catch的效果吗） 6、promise最大的缺点就是不能取消 7、axios 怎么做到取消的，axios因为有cancelToken机制，就可以做到取消axio...

JS 异步解决方案的发展历程以及优缺点

你若盛开，清风自来

11-16

312

1、回调函数（callback）优点：解决了同步的问题（只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。）缺点：回调地狱，不能用 try catch 捕获错误，不能 return 2、Promise 优点：解决了回调地狱的问题缺点：无法取消 Promise ，错误需要通过回调函数来捕获 3、Generator 特点：可以控制函数的执行，可以配合 co 函数库使用 4、Async/await 优点：代码清晰，不用像 Promise 写一大堆 then 链，处理了回调地狱的问题

记录：JS异步解决方案的发展以及优缺点

weixin_30432579的博客

07-31

288

1、回调函数(callback) setTimeout(() => { // callback 函数体 })复制代码缺点：回调地狱，不能用try catch捕获错误，不能return回调地狱的根本问题在于：缺乏顺序性：回调地狱导致的调试困难，和大脑的思维方式不符嵌套函数存在耦合性，一旦有所改动，就会牵一发而动全身，即（控制反转）嵌套函数过多的话，很难处理错误...

ES6---JS异步编程的几种解决方法及其优缺点

wzjfloor的博客

07-09

9726

前言因项目需要从LiveScript转为ES6, 所以最近看了阮一峰的ES6教程，主要感兴趣的是ES6对JS的异步编程新的解决方案，ES6增加了promise和Generator等解决方法。现在我们来大致理清一下到ES6为止的JS异步解决的思路以及他们各自的优缺点。起因我们都知道JS是单线程的，这也正是异步编程对于JS很重要的原因，因为它无法忍受耗时太长的操作。正因如此有一系列的实现异步的方法方法

Promise、Generator与异步编程

热带雨林小疯子

04-17

201

一、异步任务运行执行异步操作的传统方式是调用一个包含回调的函数，例如：let fs = require("fs"); fs.readFile("config.json", function(err, contents) { if (err) { throw err; } doSomethingWith(contents); console.log("Done"); }); 当你拥有数量少而有限...

[JavaScript][异步]JS 异步解决6种方案的发展历程以及优缺点

DaftJayee的博客

08-23

564

JS 异步解决方案的发展历程以及优缺点 你可能知道，Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任

谈谈JavaScript异步函数发展历程

11-25

JavaScript异步函数的发展历程是一个不断演进的过程，旨在解决异步编程中的问题，提高代码的可读性和可维护性。让我们逐步深入各个阶段。首先，我们从回调函数（Callbacks）开始。回调函数是JavaScript中最早的...

异步加载JS

Hhjian524的博客

10-26

1096

js的加载缺点：加载工具方法没必要阻塞文档，过多的js加载会影响页面效率，一旦网速不好，那么整个网站将等待js加载而不进行后续渲染等工作。有些工具方法需要按需加载，用到再加载，不用不加载。 javascript 异步加载的三种方案 1.defer 异步加载，但要等到dom文档全部解析完才会被执行。只有IE能用。 2.async 异步加载，加载完就执行，async只能加载外部脚本，不能把js...

JS 异步编程方法：6种方案

最新发布

wanghongpu9305的博客

11-09

115

随着JavaScript的发展，异步编程解决方案也在不断演进。从最早的回调函数到Promise、Generator和Async/Await，每一种解决方案都有其优点和缺点。回调函数简单易懂，但容易导致回调地狱；Promise解决了回调地狱问题，但无法取消异步操作；Generator可以暂停和恢复执行，但需要手动控制迭代器；Async/Await使得异步代码看起来像同步代码一样，但无法取消异步操作。选择合适的解决方案取决于具体的需求和场景。

JS 异步编程都有哪些方案？

CRMEB小程序商城的博客

04-26

4031

什么是同步？所谓的同步就是在执行某段代码时，在该代码没有得到返回结果之前，其他代码暂时是无法执行的，但是一旦执行完成拿到返回值之后，就可以执行其他代码了。换句话说，在此段代码执行完未返回结果之前，会阻塞之后的代码执行，这样的情况称为同步。什么是异步？所谓异步就是当某一代码执行异步过程调用发出后，这段代码不会立刻得到返回结果。而是在异步调用发出之后，一般通过回调函数处理这个调用之后拿到结果。异步调用发出后，不会影响阻塞后面的代码执行，这样的情形称为异步。 JS 编程中为什么需要异步？我们都知道 Jav

js异步的几种解决方案

qq_40099141的博客

11-15

2117

1、出现异步的原因 js是浏览器脚本语言，js是单线程模式，也就是说会一行一行的执行，下面需要等待上面代码执行完毕，也就是说在特定的时刻只能做特定的事情，阻塞其他代码的执行。 2、常用的异步：网络请求、读取文件、定时器等异步解决方案 1、callback（回调函数）一般在网络请求中我们并不知道服务端啥时候返回结果，在这个等待的过程中，我们不能让页面一直卡顿或是不能操作的状态，这样会给用户很不好...

还在纠结异步和同步吗? 这里有最完整JS 异步解决方案的发展历程以及优缺点

qq_35864320的博客

09-11

1016

1. 回调函数（callback） setTimeout(() => { // callback 函数体 }, 1000) 缺点：回调地狱，不能用 try catch 捕获错误，不能 return 回调地狱的根本问题在于：缺乏顺序性：回调地狱导致的调试困难，和大脑的思维方式不符嵌套函数存在耦合性，一旦有所改动，就会牵一发而动全身，即（控制反转）嵌套函数过多的多话，很难处理错误 aja...

javascript异步编程发展史之搞懂异步编程

weixin_56436951的博客

03-23

1502

前言异步编程对于JavaScript语言来说非常重要，由于JavaScript是单线程语言如果没有异步编程，根本无法使用，不然就会卡死，所以理解并学会异步编程尤为重要，本文我会梳理JavaScript异步的发展史，让大家清楚了解每一种异步流程的解决方案，然后推出现在最优的异步编程方案，帮助大家彻底掌握异步在JavaScript的使用，在面试以及以后的工作中才能游刃有余。 1.基础知识掌握要想学会异步编程，我们必须要对JavaScript写的程序运行方式足够了解，大家需要掌握的知识如下单线程模型的理解