Java自学者论坛

 找回密码
 立即注册

手机号码,快捷登录

恭喜Java自学者论坛(https://www.javazxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,会员资料板块,购买链接:点击进入购买VIP会员

JAVA高级面试进阶训练营视频教程

Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程Go语言视频零基础入门到精通Java架构师3期(课件+源码)
Java开发全终端实战租房项目视频教程SpringBoot2.X入门到高级使用教程大数据培训第六期全套视频教程深度学习(CNN RNN GAN)算法原理Java亿级流量电商系统视频教程
互联网架构师视频教程年薪50万Spark2.0从入门到精通年薪50万!人工智能学习路线教程年薪50万大数据入门到精通学习路线年薪50万机器学习入门到精通教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程MySQL入门到精通教程
查看: 535|回复: 0

es6异步解决方案

[复制链接]
  • TA的每日心情
    奋斗
    2024-11-24 15:47
  • 签到天数: 804 天

    [LV.10]以坛为家III

    2053

    主题

    2111

    帖子

    72万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    726782
    发表于 2021-6-18 09:11:52 | 显示全部楼层 |阅读模式

    最初使用回调函数

    ​ 由于最初j s官方没有明确的规范,各种第三方库中封装的异步函数中传的回调函数中的参数没有明确的规范, 没有明确各个参数的意义, 不便于使用。

    ​ 但是node中有明确的规范

    ​ node中的的回调模式:

    	1. 所有回调函数必须有两个参数,第一个参数表示错误,第二个参数表示结果
    	2. 所有回调函数必须作为函数最后的参数
    	3. 所有回调函数不能作为属性出现
    

    es6 异步处理模型

    Es6 出现以后, 官方就提出了异步处理的规范, 提出了一种适用于所有异步场景的处理模型。该模型有:

    两个阶段: 未决unsettled, 已决settled。

    三个状态: pending挂起状态 , resolved成功, rejected失败

    总是从未决阶段推向已决阶段,且已决阶段的状态不再改变

    任务已决状态后可能需要后续处理,

    针对resolved的后续处理我们称之为thenable

    针对rejected的后续处理我们称之为catchable

    为该异步模型量身打造的API : promise

    如何使用promise

    const task = new Promise((resolve, reject) => {     
        // 任务未决阶段代码  
        // 立即执行  
        console.log("开始100米长跑");  
        setTimeout(() => {  
           if (Math.random() > 0.5) {  
               // 成功: 跑完了  
               // 推向成功  
               resolve("跑完了");  
           } else {  
               // 失败: 腿摔断了  
               // 推向失败  
               reject("腿摔断了");  
           }  
        }, 1000)
    });
    task.then((result) => {
      console.log(result);
    }).catch((error) => {
      console.log(error);
    })
    

    1s 后任务推向已决, 后续处理在then 或者 catch中 处理。

    注意

    pending状态 =》rejected状态 :

    1. 调用reject
    2. 代码执行报错
    3. 手动抛出错误
    

    后续处理函数一定是异步的,且会放到微队列中,

    j s执行栈清空后会先执行微队列中的任务,微队列里任务清空后才会执行宏队列中的任务。

    宏任务队列有:setTimeout,setInterval,setImmediately,I/O,UI render

    微任务队列有:promise,process.nexttick,Object.observe(已经不用了),Mutation.observe

    Async await 是es7新增的promise的语法糖大家也可以了解下,本文只是对promise做了个概述,

    要掌握的其他细节还有很多

    哎...今天够累的,签到来了1...
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|小黑屋|Java自学者论坛 ( 声明:本站文章及资料整理自互联网,用于Java自学者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2025-1-22 21:41 , Processed in 0.071066 second(s), 27 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表