ES6—51:awiat与async结合使用

简介: ES6—51:awiat与async结合使用

await要放在async函数中

基础用法

image.png

async和await结合读取文件内容

image.png

async与await结合发送ajax请求

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);
                };
            };
        };
    });
};
async function readAjax() {
    let result = await sendAjax('https://api.apiopen.top/getJoke');
    console.log(result);
}
readAjax();
相关文章
|
18天前
|
前端开发 JavaScript 测试技术
ES6:什么是Promise
ES6:什么是Promise
|
18天前
|
API
es6读书笔记(六) async await
es6读书笔记(六) async await
|
18天前
|
前端开发
ES7 async await return value
ES7 async await return value
|
6月前
|
前端开发
ES6学习(十)—async 函数
ES6学习(十)—async 函数
|
7月前
|
机器学习/深度学习 缓存 JavaScript
vue报错-Error: Cannot find module 'fs/promises'
vue报错-Error: Cannot find module 'fs/promises'
52 1
|
10月前
|
前端开发 JavaScript 开发者
|
12月前
|
前端开发
每天3分钟,重学ES6-ES12(十四)async/await
每天3分钟,重学ES6-ES12(十四)async/await
56 0
|
12月前
|
前端开发 JavaScript
ES8 新特性 ------ async 和 await
ES8 新特性 ------ async 和 await
|
小程序 前端开发
小程序里使用es7的async await语法
小程序里使用es7的async await语法
|
消息中间件 前端开发 JavaScript
ES8 中的 async/await —— 异步函数
ES8 中的 async/await —— 异步函数
154 0

热门文章

最新文章