当前位置：首页 > news >正文

ES8语法async与await

news 2026/2/9 19:54:30

async和await两种语法结合可以让异步代码像同步代码一样。

一、async函数

async函数的返回值为Promise对象
promise对象的结果由async函数执行的返回值决定

async function fn() {// 返回一个字符串return '字符串'；// 返回的结果不是一个Promise类型的对象，返回的结果就是成功的Promise对象。return;// 抛出错误，返回的结果是一个失败的Promisethrow new Error('出错啦！');// 返回的结果如果是一个Promise对象return new Promise((resolve,reject)=>{// resolve('成功的数据');reject('失败的数据')；});
}const result = fn();
console.log(result);// 调用then方法
result.then(value => {console.log(value);
}, reason => {console.warn(reason);
})

二、await

await必须写在async函数中
await右侧的表达式一般为Promise对象
await返回的是Promise成功的值
await的Promise失败了，就会抛出异常，需要通过try…catch捕获处理

// 创建promise对象
const p = new Promise((resolve, reject) => {// resolve("用户数据");reject("失败!!");
})
// await要放在async函数中
async function main() {try {let result = await p;console.log(result);} catch (error) {console.log(error);}
}main();

三、async和await结合

// 1.引入js模块
const fs = require('fs');// 读取“.md”文件
function weixue() {return new Promise((resolve, reject) => {fs.readFile('./resourse/为学.md', (err, data) => {// 如果失败if (err) reject(err);// 如果成功resolve(data);});});
}function yougan() {return new Promise((resolve, reject) => {fs.readFile('./resourse/有感.md', (err, data) => {// 如果失败if (err) reject(err);// 如果成功resolve(data);});});
}
function guankan() {return new Promise((resolve, reject) => {fs.readFile('./resourse/观看.md', (err, data) => {// 如果失败if (err) reject(err);// 如果成功resolve(data);});});
}// 2.声明一个async函数
async function main() {// 获取“.md”文件的内容// await返回的结果是成功的值let Weixue = await weixue();let Yougan = await yougan();let Guankan = await guankan();console.log(Weixue.toString());console.log(Yougan.toString());console.log(Guankan.toString());}main();

四、async与await结合封装ajax请求

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><script>// 发送AJAX请求，返回的结果是一个Promise对象function sendAJAX(url) {return new Promise((resolve, reject) => {// 1.创建对象const x = new XMLHttpRequest();// 2.初始化x.open('GET', url);// 3.发送x.send();// 4.事件绑定x.onreadystatechange = function () {if (x.readyState === 4) {if (x.status >= 200 && x.status < 300) {// 成功resolve(x.response);}else {// 失败reject(x.status);}}}})}// 测试1  then方法的使用// const result = sendAJAX('https://api.apiopen.top/getJoke').then(value => {//     console.log('成功', value);// }, reason => {//     console.log('失败', reason);// });// 测试2  async与await的使用  一般用axios请求async function main() {try {// 发送AJAX请求const result = await sendAJAX('https://api.apiopen.top/getJoke');const tianqi = await sendAJAX('https://v0.yiketianqi.com/life/yearavg');console.log('成功', result,'\n', tianqi);}catch (error) {console.log('失败', error);}}main();</script></body></html>

ES8语法async与await

async和await两种语法结合可以让异步代码像同步代码一样。一、async函数 async函数的返回值为Promise对象promise对象的结果由async函数执行的返回值决定 async function fn() {// 返回一个字符串return 字符串；// 返回的结果不是一个Promise类型的对象&#xf…...

编程日记 2023/11/28 2:28:34

c#处理SQLSERVER 中image数量类型为空

项目场景： DataRow dataRow dataTable.Rows[i]; var pxpicture dataRow ["pxImage"];if (pxpicture!null){byte[] pic (byte[])pxpicture;acs.Add("pxpicture", Convert.ToBase64String(pic));}问题描述代码执行出现错误： 无…...

编程日记 2023/11/28 2:27:33

import pygame #导入pygame模块 pygame.init()#初始化 screen pygame.display.set_mode((750,750))#设置游戏屏幕大小 running True#建立一个事件 while running:#事件运行for event in pygame.event.get():if event.type pygame.QUIT:#当点击事件后退出running False #事…...

编程日记 2023/11/28 2:26:32

vue+SpringBoot的图片上传

前端VUE的代码实现直接粘贴过来element-UI的组件实现 <el-uploadclass"avatar-uploader"action"/uploadAvatar" //这个action的值是服务端的路径，其他不用改:show-file-list"false":on-success"handleAvatarSuccess"…...

编程日记 2023/11/28 2:25:31

FFmepg 核心开发库及重要数据结构与API

文章目录前言一、FFmpeg 核心开发库二、FFmpeg 重要数据结构与 API1、简介2、FFmpeg 解码流程①、FFmpeg2.x 解码流程②、FFmpeg4.x 解码流程 3、FFMpeg 中比较重要的函数以及数据结构①、数据结构②、初始化函数③、音视频解码函数④、文件操作⑤、其他函数三、FFmpeg 流程1…...

编程日记 2023/11/28 2:24:28

训练 CNN 对 CIFAR-10 数据中的图像进行分类

1. 加载 CIFAR-10 数据库 import keras from keras.datasets import cifar10# 加载预先处理的训练数据和测试数据 (x_train, y_train), (x_test, y_test) cifar10.load_data() 2. 可视化前 24 个训练图像 import numpy as np import matplotlib.pyplot as plt %matplotlib …...

编程日记 2023/11/28 2:23:27

香港科技大学广州｜智能制造学域博士招生宣讲会—天津大学专场

时间：2023年12月07日（星期四）15:30 地点：天津大学卫津路校区26楼B112 报名链接：https://www.wjx.top/vm/mmukLPC.aspx# 宣讲嘉宾： 汤凯教授学域主任 https://facultyprofiles.hkust-gz.edu.cn/faculty-p…...

编程日记 2023/11/28 2:22:25

滑动窗口练习（二）— 子数组中满足max -min ＜= sum的个数

题目给定一个整型数组arr，和一个整数num 某个arr中的子数组sub，如果想达标，必须满足： sub中最大值 – sub中最小值 < num， 返回arr中达标子数组的数量暴力对数器暴力对数器方法主要是用来和另一个方法互相校验正…...

编程日记 2023/11/28 2:21:22

用xlwings新建一个excel并同时生成多个sheet

新建一个excel并同时生成多个sheet，要实现如下效果： 一般要使用数据透视表来快速实现。今天记录用xlwings新建一个excel并同时生成多个sheet。 import xlwings as xw # 打开excel,参数visible表示处理过程是否可视,add_book表示是否打开新的Excel程序…...

编程日记 2023/11/28 2:19:19

诺威信，浪潮云，微众区块链

目录诺威信B隐私计算平台浪潮云=星火连-澳优码 HyperChain 产品介绍 CA认证即电子认证服务...

编程日记 2023/11/28 2:18:18

Redux在React中的使用

Redux在React中的使用 1.构建方式采用reduxjs/toolkitreact-redux的方式安装方式 npm install reduxjs/toolkit react-redux2.使用 ①创建目录创建store文件夹，然后创建index和对应的模块，如上图所示 ②编写counterStore.js 文章以counterStore…...

编程日记 2023/11/28 2:17:15

Go 数字类型

一、数字类型 1、Golang 数据类型介绍 Go 语言中数据类型分为：基本数据类型和复合数据类型基本数据类型有： 整型、浮点型、布尔型、字符串复合数据类型有： 数组、切片、结构体、函数、map、通道（channel）、接口 2、…...

编程日记 2023/11/28 2:15:11

时间序列预测 — Informer实现多变量负荷预测(PyTorch)

目录 1 实验数据集 2 如何运行自己的数据集 3 报错分析 1 实验数据集实验数据集采用数据集4：2016年电工数学建模竞赛负荷预测数据集（下载链接），数据集包含日期、最高温度℃ 、最低温度℃、平均温度℃ 、相对湿度(平均) 、降雨…...

编程日记 2023/11/28 2:14:09

2023年金融信创行业研究报告

第一章行业概况 1.1 定义金融信创是指在金融行业中应用的信息技术，特别是那些涉及到金融IT基础设施、基础软件、应用软件和信息安全等方面的技术和产品。这一概念源于更广泛的“信创 (信息技术应用创新)”，即通过中国国产信息技术替换海外信息技术&a…...

编程日记 2023/11/28 2:12:08

51单片机按键控制LED灯亮灭的N个玩法

51单片机按键控制LED灯亮灭的N个玩法 1.概述这篇文章介绍按键的使用，以及通过控制LED灯的小实验，发现按键中存在的问题，然后思考并解决这些问题。达到熟练使用按键控制元器件。 2.搭建硬件环境 1.硬件准备名称型号数量单片机STC12C205…...

编程日记 2023/11/28 2:10:06

【Git】git 更换远程仓库地址三种方法总结分享

因为公司更改了 gitlab 的网段地址，发现全部项目都需要重新更改远程仓库的地址了，所以做了个记录，说不定以后还会用到呢。一、不删除远程仓库修改（最方便） # 查看远端地址 git remote -v # 查看远端仓库名 git rem…...

编程日记 2023/11/28 2:08:03

springboot 返回problem+json

spring所有配置都在WebMvcAutoConfiguration中其中有 ProblemDetailsExceptionHandler 容器中的一个组件 -ControllerAdvice用来集中处理异常的 -点进ResponseEntityExceptionHandler 包含这些异常，如果出现以下异常，会被springboot支持以RFC 7807规…...

编程日记 2023/11/28 2:07:02

AI动画制作 StableDiffusion

1.brew -v 2.安装爬虫项目包所必需的python和git等系列系统支持部件 brew install cmake protobuf rust python@3.10 git wget pod --version brew link --overwrite cocoapods 3.从github网站克隆stable-diffusion-webui爬虫项目包至本地 ssh-add /Users/haijunyan/.ssh/id_r…...

编程日记 2023/11/28 2:05:59