美文网首页
async/await

async/await

作者: 风雪之隅_b6f7 | 来源:发表于2019-04-15 10:09 被阅读0次

async实际是对promise上的扩展,使用了promise并不和promise冲突

- then 将callback 拆分

        var w=waitHandle();

         w.then(...).then(...)

- async/await是最直接的同步写法解决异步问题,本质和then一样的效果

语法:

     1.函数前加async标识

     2.await后面必须跟promise实例(返回promise实例)

     3.需要npm install --save-dev babel-polyfill

function loadImg(src){

        var promise=new Promise(function(resolve,reject){

            var img=document.createElement('img');

            img.onload=function(){

                resolve(img)

            }

            img.onerror=function(){

                reject()

            }

            img.src=src

        })

        return promise

    }

    var src1='https://www.imooc.com/static/img/index/logo_new.png';

    var src2='https://www.imooc.com/static/img/index/logo.png';

    const load=async function(){

      const result1=await loadImg(src1);

      console.log(result1)

      const result2=await loadImg(src2);

      console.log(result2)

    }

    load();

相关文章

  • async和await

    浅谈Async/Await用 async/await 来处理异步 async和await async:声明一个异步...

  • ES8(一) —— async&await

    目录 async和普通函数的区别 await async/await处理多回调异步 async和await必须配合...

  • async

    async/await特点 async/await更加语义化,async是“异步”的简写,async functi...

  • ES6中的好东西

    1 Await/Async 前端的回调时代我没有赶上,我赶上的是await/async时代。await和async...

  • Vue接口调用方式(三)async/await用法

    async/await用法 1. async/await的基本用法 async/await是ES7引入的新语法,可...

  • nodejs async 使用简介

    async await node async 使用

  • JS 中的 async/await

    async/await 是什么? async/await 是 ES2017 中新增的异步解决方案; await 只...

  • ES2017 async 函数

    async 和 await 在干什么 每个名称都有意义async : 异步await: async wait简...

  • async/await

    async/await async/await 是Generator的语法糖。 Generator 通过将Gene...

  • 小程序-云开发

    async和await async:异步(无等待)await:等待(是为了同步) 一、await 关键字只在 as...

网友评论

      本文标题:async/await

      本文链接:https://www.haomeiwen.com/subject/qwmywqtx.html