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();
相关文章
|
7月前
|
前端开发 JavaScript 测试技术
ES6:什么是Promise
ES6:什么是Promise
|
1月前
|
前端开发
理解 ES6 中的 Promise
【10月更文挑战第24天】ES6 中的 Promise 是一种用于处理异步操作的机制,它提供了一种更优雅、更可控的方式来处理异步任务的结果。Promise 可以看作是对异步操作结果的一种承诺,它可以处于三种不同的状态:Pending(等待中)、Fulfilled(已完成,即成功)和 Rejected(已拒绝,即失败)。
|
1月前
|
JSON 前端开发 API
es6 中await的用法
es6 中await的用法
32 0
|
7月前
|
前端开发
ES7 async await return value
ES7 async await return value
52 1
|
前端开发
ES6学习(十)—async 函数
ES6学习(十)—async 函数
|
前端开发 JavaScript 开发者
|
前端开发 JavaScript API
ES6的Promise详解
ES6的Promise详解
215 1
ES6的Promise详解
|
前端开发 JavaScript
ES6 Promise详解
ES6 Promise详解
76 0
|
小程序 前端开发
小程序里使用es7的async await语法
小程序里使用es7的async await语法
125 0
|
前端开发
你需要了解的ES7的async/await
你需要了解的ES7的async/await