async | await

2021-10-07 11:01:28 阅读：157 来源： 互联网

标签：异步 resolve await Promise async Hello

async
async 和 await 是用来处理异步的。即你需要异步像同步一样执行，需要异步返回结果之后，再往下依据结果继续执行。
async 是“异步”的简写，而 await 可以认为是 async wait 的简写。
async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。
当 async 函数没有返回值时，返回 Promise.resolve(undefined).

<script>
    async function testAsync(){
        return 'Hello world';
    }
    var result = testAsync();
    console.log(result);  // Promise {<fulfilled>: 'Hello world'}
    result.then((v) => {
        console.log(v); // Hello world
    })

    /*
    function testAsync() {
        return 'Hello World';
    }
    new Promise(function (resolve) {
        resolve(testAsync());
    }).then(function (value) {
        console.log(value);  // Hello World
    });
    */

</script>

await
await 只能放在 async 函数内部使用
await 用于一个异步操作之前，表示要“等待”这个异步操作的返回值。
await 也可以用于一个同步的值。
如果它等到的不是一个 Promise 对象，那 await 表达式的运算结果就是它等到的东西。
如果它等到的是一个 Promise 对象，那 await 会阻塞后面的代码，等着 Promise 对象 resolve,
然后得到 resolve 的值，作为 await 表达式的运算结果。

同步代码

<script>
    const a = await 'Hello World';
    // 上述写法会报错的:await is only valid in async functions and the top level bodies of modules
    // 相当于
    const a = await Promise.resolve('Hello World');
    // 所以直接写同步代码即可，不需要 await 关键字
    const a = 'Hello World';
</script>

异步代码

标签：异步,resolve,await,Promise,async,Hello
来源： https://www.cnblogs.com/L-xjco/p/15375318.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

async | await