Async

最新推荐文章于 2025-12-24 10:29:31 发布

原创最新推荐文章于 2025-12-24 10:29:31 发布 · 169 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #前端

本文介绍了ES8中的async函数和Promise的交互，展示了如何定义返回Promise的函数，以及如何使用await关键字在异步操作中实现阻塞执行。通过实例演示了如何在文件读取中应用async/await。

Async是ES8里面的技术 Async修饰了function，那么该function返回值类型是Promise对象

// 需求：定义一个函数，返回Promise对象，并且在成功状态中设置数据
function handlePromise() {
    return new Promise((resolve, reject) => {
        resolve("这是数据");
    })
}



function handleProm() {
    return Promise.resolve("这是数据");
}


async function handleAsync() {
    return "这是数据";
}

handleAsync().then(data=>{
    console.log(data)
})

await

await： 1、在调用函数时，前面添加了await属性，那么该函数必须返回promise对象 2、await只有当函数返回了Promise对象，那么程序才能继续往后执行【阻塞机制】 3、await必须和async一起使用【await所在的函数必须被async修饰】

let fs = require("fs");

// 异步读取文件
function getData() {

    let str = "数据";

    return new Promise(resolve => {
        fs.readFile("./c.txt",(error,data)=>{

            resolve(data+str);

        });
    });
}



handle();