【ES6新特性】ES6新特性中Promise对象的概念,Async函数的使用以及Module语法

本文主要是介绍【ES6新特性】ES6新特性中Promise对象的概念,Async函数的使用以及Module语法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

1.Promise 对象

1.1 概念

1.2 使用

2.Async函数

2.1 同步和异步的区别

3.Mdule语法


1.Promise 对象

1.1 概念

  • Promise 是异步编程的一种解决方案,简单说就是一个容器,里面保存着某个未来才会结束 的事件(通常是一个异步操作)的结果。它可以获取异步操作的消息,Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。
  • Promise有三种状态

1.2 使用

(1)创建Promise对象::在构造函数中传入一个函数,在函数中编写异步请求代码

const promise = new Promise(function(resolve, 
reject) {// ... some codeif (/* 异步操作成功 */){resolve(value);} else {reject(error);}
});

(2)调用其then方法,并传入回调函数和异常函数

promise.then(function(value) {// success
}, function(error) {// failure
});

【说明】

  • Promise 构造函数接受一个函数作为参数,该函数的两个参数分别是 resolve 和 reject ,它们也是两个函数,由 JavaScript 引擎提供,不用自己部署 。
  • Promise 实例生成以后,可以用 then 方法分别指定 resolved 状态和 rejected 状态的回调函数。

 图片加载案例

 resolve和reject函数介绍

在VUE框架中已经使用Promise对象进行了异步的代码封装,组件为:Axios,我们只需要发出请求,然后.then处理响应数据即可。

2.Async函数

async函数可以将异步操作变为同步操作。

Async函数

            作用:声明当前函数为同步函数

            使用:结合await关键字来使用

            内容:

                async function 函数名(){

                    .....

                    await 调用异步函数();

                    ....

               

                }

当前函数必须等待被调用的异步函数的回调执行完毕后才能继续执行!

2.1 同步和异步的区别

(1)同步操作

同步操作是指代码按顺序执行,前一个操作必须完成才能执行下一个操作。也就是说,程序会等待一个操作完成之后才会继续执行后面的代码。

特点

  • 代码执行是线性的,即按照代码出现的顺序执行。
  • 等待操作完成可能会阻塞执行流程,影响性能。
  • 如果一个操作耗时较长,后续的操作都会被阻塞,直到这个操作完成。

(2)异步操作

异步操作是指代码不需要等待一个操作完成就能继续执行下一个操作。异步操作允许代码在等待耗时操作完成的同时继续执行其他任务。

特点

  • 代码执行是非线性的,即可以跳过等待操作继续执行其他任务。
  • 不会阻塞执行流程,可以提高程序的性能和响应速度。
  • 通常使用回调函数、Promises 或者 async/await 来处理异步操作的结果。

3.Mdule语法

ES6 模块是通过 export 命令显式指定输出的代码,再通过 import 命令 输入,提升Js代码的重用性,避免资源过度引入!

(1)如果想为输入的变量重新取一个名字, import 命令要使用 as 关键字, 将输入的变量重命名。

(2)除了指定加载某个输出值,还可以使用整体加载,即用星号( * ) 指定一个对象,所有输出值都加载在这个对象上面

(3)为了给用户提供方便,让他们不用阅读文档就能加载模块,就要用 到 export default 命令,为模块指定默认输出。

其他模块加载该模块时, import 命令可以为该匿名函数指定任意名字。

这篇关于【ES6新特性】ES6新特性中Promise对象的概念,Async函数的使用以及Module语法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1111016

相关文章

python使用try函数详解

《python使用try函数详解》Pythontry语句用于异常处理,支持捕获特定/多种异常、else/final子句确保资源释放,结合with语句自动清理,可自定义异常及嵌套结构,灵活应对错误场景... 目录try 函数的基本语法捕获特定异常捕获多个异常使用 else 子句使用 finally 子句捕获所

C++11右值引用与Lambda表达式的使用

《C++11右值引用与Lambda表达式的使用》C++11引入右值引用,实现移动语义提升性能,支持资源转移与完美转发;同时引入Lambda表达式,简化匿名函数定义,通过捕获列表和参数列表灵活处理变量... 目录C++11新特性右值引用和移动语义左值 / 右值常见的左值和右值移动语义移动构造函数移动复制运算符

Python对接支付宝支付之使用AliPay实现的详细操作指南

《Python对接支付宝支付之使用AliPay实现的详细操作指南》支付宝没有提供PythonSDK,但是强大的github就有提供python-alipay-sdk,封装里很多复杂操作,使用这个我们就... 目录一、引言二、准备工作2.1 支付宝开放平台入驻与应用创建2.2 密钥生成与配置2.3 安装ali

C#中lock关键字的使用小结

《C#中lock关键字的使用小结》在C#中,lock关键字用于确保当一个线程位于给定实例的代码块中时,其他线程无法访问同一实例的该代码块,下面就来介绍一下lock关键字的使用... 目录使用方式工作原理注意事项示例代码为什么不能lock值类型在C#中,lock关键字用于确保当一个线程位于给定实例的代码块中时

MySQL 强制使用特定索引的操作

《MySQL强制使用特定索引的操作》MySQL可通过FORCEINDEX、USEINDEX等语法强制查询使用特定索引,但优化器可能不采纳,需结合EXPLAIN分析执行计划,避免性能下降,注意版本差异... 目录1. 使用FORCE INDEX语法2. 使用USE INDEX语法3. 使用IGNORE IND

C# $字符串插值的使用

《C#$字符串插值的使用》本文介绍了C#中的字符串插值功能,详细介绍了使用$符号的实现方式,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧... 目录$ 字符使用方式创建内插字符串包含不同的数据类型控制内插表达式的格式控制内插表达式的对齐方式内插表达式中使用转义序列内插表达式中使用

flask库中sessions.py的使用小结

《flask库中sessions.py的使用小结》在Flask中Session是一种用于在不同请求之间存储用户数据的机制,Session默认是基于客户端Cookie的,但数据会经过加密签名,防止篡改,... 目录1. Flask Session 的基本使用(1) 启用 Session(2) 存储和读取 Se

Java Thread中join方法使用举例详解

《JavaThread中join方法使用举例详解》JavaThread中join()方法主要是让调用改方法的thread完成run方法里面的东西后,在执行join()方法后面的代码,这篇文章主要介绍... 目录前言1.join()方法的定义和作用2.join()方法的三个重载版本3.join()方法的工作原

Spring AI使用tool Calling和MCP的示例详解

《SpringAI使用toolCalling和MCP的示例详解》SpringAI1.0.0.M6引入ToolCalling与MCP协议,提升AI与工具交互的扩展性与标准化,支持信息检索、行动执行等... 目录深入探索 Spring AI聊天接口示例Function CallingMCPSTDIOSSE结束语

Linux系统之lvcreate命令使用解读

《Linux系统之lvcreate命令使用解读》lvcreate是LVM中创建逻辑卷的核心命令,支持线性、条带化、RAID、镜像、快照、瘦池和缓存池等多种类型,实现灵活存储资源管理,需注意空间分配、R... 目录lvcreate命令详解一、命令概述二、语法格式三、核心功能四、选项详解五、使用示例1. 创建逻