码迷,mamicode.com
首页 > 其他好文 > 详细

async await

时间:2021-05-24 05:21:13      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:return   style   声明   使用   rom   rgb   console   new   pre   

async await 这两个关键字是高版本语法:异步的编程体变得和同步几乎一致
await 是一个函数之中的关键字,要求函数必须是 async 声明的函数。

使用 await关键字,await后面必须是 promise 对象
await 关键字会将await后面所有的代码放进异步队列之中
await就是等待 promise调用then,返回then里面结果
 
基本语法:
// 普通语法:
        function load(){
            let p1 = fetch("./10_data.php");
            p1.then( function ( res ){
                console.log(res);
            })
        }   
        load();

// async await: 
async function load(){
            let res  = await fetch("./10_data.php");
            let data = await res.json();
            console.log(data);
        }
load();

 

async 函数的返回值:
  async function load(){
            let res  = await fetch("./10_data.php");
            let data = await res.json();
            
            return data;
        }

        // let p = load();
        // // 1. 外面已经没有条件包裹 async 了;
        // p.then( function(res){
        //     console.log(res);
        // } )
        // 2. 如果还有条件包裹 async, 那么依旧可以使用await;

        // async function foo(){
        //     var res = await load();
        //     console.log(res);
        // }
        // foo()

 

我是不是可以忽略掉promise语法那?  不行
如果想要自己想要实现返回promise的封装;还是需要使用 new Promise 进行promise创建

async await

标签:return   style   声明   使用   rom   rgb   console   new   pre   

原文地址:https://www.cnblogs.com/SeventhMeteor/p/14754814.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!