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

最新推荐文章于 2023-01-29 23:05:22 发布

紫微前端

最新推荐文章于 2023-01-29 23:05:22 发布

阅读量428

点赞数

CC 4.0 BY-SA版权

分类专栏：前端知识加深文章标签：前端面试

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/123665380

前端知识加深专栏收录该内容

510 篇文章 ¥39.90 ¥99.00

订阅专栏

本文探讨了JavaScript中解决异步问题的历程，从回调函数及其导致的回调地狱，到Promise的链式调用，再到Generator和Async/Await的使用。Async/Await提供了一种更清晰的异步编程方式，但过度使用await可能影响性能。理解这些概念对于前端面试至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 回调函数（callback）

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

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

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

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

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

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

紫微前端

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

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

weixin_56436951的博客

03-23

1580

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

细说JS异步发展历程

Yvette Lau的专栏

05-22

648

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

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

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

qq_35864320的博客

09-11

1060

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

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

qq_36702688的博客

11-29

308

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

【面试题】JS 异步解决方案的发展历程以及优缺点

时光海的博客

09-26

223

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

JavaScript异步调用的发展历程

weixin_34413357的博客

06-27

177

同步与异步通常，代码是由上而下依次执行的。如果有多个任务，就必须排队，前一个任务完成，后一个任务才能执行。这种连续的执行模式就叫做同步。 a(); b(); c(); 复制代码上面代码中，a、b、c是三个不同的函数，每个函数都是一个不相关的任务。在同步模式会先执行 a 任务，再执行 b 任务，最后执行 c 任务。当b任务是一个耗时很长的请求时，而c任务是展现新页面时，就会导致网页卡顿。 ...

谈谈JavaScript异步函数发展历程

11-25

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

JS 异步解决方案的发展历程以及优缺点：回调函数、Promise、Generator、Async/await

guorui999的博客

01-29

709

JS 异步解决方案的发展历程以及优缺点：回调函数、Promise、Generator、Async/await

ajax同步和异步的优缺点

01-08

对新手学ajax 有帮助。希望大家能够喜欢和利用。

JS 异步解决方案的发展历程解析

dandan1924的博客

04-06

377

1.回调函数（callback） setTimeout(() => { // callback 函数体 }, 1000) 缺点：回调地狱，不能用try catch 捕获错误，不能return try { setTimeout(() => { console.log(aa) }, 1000) } catch (e...

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

DaftJayee的博客

08-23

640

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

JS异步处理方案总结

高山上的鱼

07-03

2912

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

weixin_30432579的博客

07-31

322

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

js异步编程发展史

weixin_34292287的博客

05-19

373

我们都知道Js主线程是单线程的，所以异步处理在js中就显得尤为重要。异步处理的发展路程是：CallBack 回调处理——事件监听（类似jquery,on）——发布/订阅（Ben Alman的Tiny Pub/Sub，这是jQuery的一个插件） ——Promise——generator(搭配co库)——ES7终极async,await。异步处理也从最初的横向发展的胖子到纵向发展的大个子，到今天我...

异步发展历程,js走过的那十年

weixin_41628400的博客

01-20

788

js中异步的发展跌跌撞撞走了十年，从开始的回调恶魔发展到现在的仿佛同步的写法。再次回顾，特此总结。先简述一下我们遇到的问题：当我们访问一个页面的时候，我们可能需要读取两个文件，一个是模板文件，一个是这个页面的数据文件。引为读取文件都比较耗时，我们通过异步来处理。 let fs = require('fs'); fs.readFile('./template.txt', 'utf8',

AJAX开发详解：概念、发展历程与挑战

6. 开发中的问题与解决方案： - 浏览器兼容性问题：开发者需要使用跨浏览器的库，如jQuery，来简化API。 - 错误处理：处理服务器返回的错误状态码，并提供友好的用户反馈。 - 性能优化：关注Ajax请求的延迟、并发...