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

最新推荐文章于 2023-01-29 23:05:22 发布
最新推荐文章于 2023-01-29 23:05:22 发布
阅读量2.8k 收藏 9
点赞数 1
分类专栏： JS ES6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：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元/天 解锁文章
前端瓶子君
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
细说JS异步发展历程
Yvette Lau的专栏
05-22 589
知其然知其所以然，首先了解三个概念： 1.什么是同步？ 所谓同步，就是在发出一个"调用"时，在没有得到结果之前，该“调用”就不返回。但是一旦调用返回，就得到返回值了。换句话说，就是由“调用者”主动等待这个“调用”的结果。此调用执行完之前，阻塞之后的代码执行。 2.什么是异步？ "调用"在发出之后，这个调用就直接返回了，没有返回结果。换句话说，当一个异步过程调用发出后，调用者不会立刻得到结果...
异步解决方案和发展历程
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 311
1、回调函数（callback） 优点：解决了同步的问题（只要有一个任务耗时很长，后面的任务都必须排队 等着，会拖延整个程序的执行。） 缺点：回调地狱，不能用 try catch 捕获错误，不能 return 2、Promise 优点：解决了回调地狱的问题 缺点：无法取消 Promise ，错误需要通过回调函数来捕获 3、Generator 特点：可以控制函数的执行，可以配合 co 函数库使用 4、Async/await 优点：代码清晰，不用像 Promise 写一大堆 then 链，处理了回调地狱的问题
js处理代码异步的几种方式（使用方法和优缺点）
wangyinze123的博客
12-08 1953
一、回调函数（callback） 是啥：一个函数a被当做另一个函数b的参数，在b的函数体内去执行a function b(callback){　 　　　　callback(); } function a(){} b(a) 优点：能让a函数的逻辑在适当的位置才被执行 缺点：代码逻辑不清，不利于代码的阅读和维护，各个部分之间高度耦合 优化： 变成异步回调 function b(callback){　 　　　　setTime(()=>{ callback(); },1000) } functi
记录：JS异步解决方案的发展以及优缺点
weixin_30432579的博客
07-31 288
1、回调函数(callback) setTimeout(() => { // callback 函数体 })复制代码缺点：回调地狱，不能用try catch捕获错误，不能return回调地狱的根本问题在于：缺乏顺序性：回调地狱导致的调试困难，和大脑的思维方式不符嵌套函数存在耦合性，一旦有所改动，就会牵一发而动全身，即（控制反转）嵌套函数过多的话，很难处理错误...
ES6---JS异步编程的几种解决方法及其优缺点
wzjfloor的博客
07-09 9720
前言因项目需要从LiveScript转为ES6, 所以最近看了阮一峰的ES6教程，主要感兴趣的是ES6对JS的异步编程新的解决方案，ES6增加了promise和Generator等解决方法。现在我们来大致理清一下到ES6为止的JS异步解决的思路以及他们各自的优缺点。起因我们都知道JS是单线程的，这也正是异步编程对于JS很重要的原因，因为它无法忍受耗时太长的操作。 正因如此有一系列的实现异步的方法方法
[JavaScript][异步]JS 异步解决6种方案的发展历程以及优缺点
DaftJayee的博客
08-23 563
JS 异步解决方案的发展历程以及优缺点 你可能知道，Javascript语言的执行环境是"单线程"（single thread）。 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任
谈谈JavaScript异步函数发展历程
11-25
JavaScript异步函数的发展历程是一个不断演进的过程，旨在解决异步编程中的问题，提高代码的可读性和可维护性。让我们逐步深入各个阶段。 首先，我们从回调函数（Callbacks）开始。回调函数是JavaScript中最早的...
Promise、Generator与异步编程
热带雨林小疯子
04-17 199
一、异步任务运行执行异步操作的传统方式是调用一个包含回调的函数，例如：let fs = require("fs"); fs.readFile("config.json", function(err, contents) { if (err) { throw err; } doSomethingWith(contents); console.log("Done"); });   当你拥有数量少而有限...
异步加载JS
Hhjian524的博客
10-26 1095
js的加载缺点：加载工具方法没必要阻塞文档，过多的js加载会影响页面效率，一旦网速不好，那么整个网站将等待js加载而不进行后续渲染等工作。 有些工具方法需要按需加载，用到再加载，不用不加载。 javascript 异步加载 的 三种方案 1.defer 异步加载，但要等到dom文档全部解析完才会被执行。只有IE能用。 2.async 异步加载，加载完就执行，async只能加载外部脚本，不能把js...
JS 异步解决方案的发展历程以及优缺点：回调函数、Promise、Generator、Async/await
最新发布
guorui999的博客
01-29 622
JS 异步解决方案的发展历程以及优缺点：回调函数、Promise、Generator、Async/await
JavaScript异步编程特性
yuan
03-27 903
我与成长，至死方休~ 一、概述 1. 概念 假定在JavaScript中有多个线程同时工作,有一个线程修改了找个线程的元素,而另一个线程同时删除了找个元素,那此时浏览器就无法决定以哪一个线程的结果为准; 为了避免这种线程同步的问题,所以JavaScript从一开始就被设定为单线程模式工作,那这也成为了这门语言的核心特色之一 定义： Javascript 是一门单线程语言； avaScript最早运行在浏览器的脚本语言,它的目的是用来实现页面的动态交互,而实现页面交互的核心就是DOM操作,那这就..
js 同步与异步
ywCSD的博客
01-16 466
    一、同步与异步       我们知道Javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。       这种模式虽然实现起来比较简单，执行环境相对单纯，但是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码...
还在纠结异步和同步吗? 这里有最完整JS 异步解决方案的发展历程以及优缺点
qq_35864320的博客
09-11 1011
1. 回调函数（callback） setTimeout(() => { // callback 函数体 }, 1000) 缺点：回调地狱，不能用 try catch 捕获错误，不能 return 回调地狱的根本问题在于： 缺乏顺序性： 回调地狱导致的调试困难，和大脑的思维方式不符 嵌套函数存在耦合性，一旦有所改动，就会牵一发而动全身，即（控制反转） 嵌套函数过多的多话，很难处理错误 aja...
【面试题】JS 异步解决方案的发展历程以及优缺点
时光海的博客
09-26 184
JS 异步解决方案的发展历程以及优缺点 1)回调函数（callback） setTimeout(() => { // callback 函数体 }, 1000) 缺点：回调地狱，不能用 try catch 捕获错误，不能 return 回调地狱的根本问题在于： 缺乏顺序性： 回调地狱导致的调试困难，和大脑的思维方式不符； 嵌套函数存在耦合性，一旦有所改动，就会牵一发而动全身，即（控制反转）； 嵌套函数过多的多话，很难处理错误。 ajax('XXX1', () => { // cal
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值