美文网首页
理解async/await

理解async/await

作者: demoxjl | 来源:发表于2020-05-11 19:28 被阅读0次

async/await:用同步的思维解决异步问题,等待await执行结果出来之后,才会继续向下执行

//带有async开头的函数,会自动将常规函数转换为promise,返回值也是一个promise对象
//async函数内部的异步操作执行完,才会执行then方法指定的函数

async function sum(a,b){
  return a+b;
}
sum(2,123);
async.png
//异步函数内部可使用await
 var readBtn = document.getElementById('btn');
        readBtn.onclick = async function(){
        var res = await fetch('image/test.png');
        console.log(res, '111');
        fetchFileBlob(res)
};

await

1.await放在promise调用之前,await强制await后面的代码等待await执行结束后才能
执行,直到promise返回resolved,
2.await 只能和async配套使用,单独使用会报错
3.多个await命令的异步操作,若不存在依赖管理,可用promise.all()同时触发

async function test(){
  var time = (new Date()).getTime();
  
  //var test1 = await test1();
  //var test2 = await test2();
var [test1,test2] = Promise.all([test1,test2])
var timeEnd = (new Date()).getTime();
console.log(time, timeEnd)
}
test()

相关文章

  • async await Promise

    深入理解 async await Promise Promise.all() 问题:await 一个 async ...

  • async await 学习笔记

    理解 JavaScript 的 async/await async 和 await 在干什么任意一个名称都是有意义...

  • async和await

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

  • Promise async/await

    Promise async/await 参考初探promise promise 理解 JavaScript ...

  • async / await 异步 与 Promise 的区别

    async / await 如果使用过c#的异步写法里面的async / await基本上就很快理解啦,几乎都是把...

  • JS异步处理系列三 async await

    参考理解 JavaScript 的 async/await[https://segmentfault.com/a/...

  • 理解async/await

    首先明确一个问题,为什么 Node.js 需要异步编程? JavaScript 是单线程的,在发出一个调用时,在没...

  • 理解async/await

    async/await:用同步的思维解决异步问题,等待await执行结果出来之后,才会继续向下执行 await 1...

  • async await 理解

    async 是“异步”的简写,而 await 可以认为是 async wait 的简写。所以应该很好理解 asyn...

  • ES8(一) —— async&await

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

网友评论

      本文标题:理解async/await

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