快速学习 async await 的使用， Demo 解析

async 和 await 字面都很好理解，分别是异步和等待。

来两个简单的 demo，

demo1

tt2(){return new Promise(rps=>{setTimeout(() => {rps('true')}, 1500);})},async tt1(){var a = await this.tt2();console.log(a)},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {that = thisthis.tt1()}// 'true'

代码解析：

async tt1(){}

设置tt1 为异步函数，

var a = await this.tt2();

创建变量a ，值为等待异步处理返回结果，tt2 是异步的，延迟1.5秒后，返回 Primise 对象的结果。

demo2

  /*** 生命周期函数--监听页面加载*/onLoad: function (options) {function timeout(ms) {return new Promise((resolve) => {setTimeout(resolve, ms);});}async function TextFc(num, ms) {await timeout(ms);console.log(num);}TextFc(1, 2000);},

定义一个函数 timeout（异步阻塞 ms 毫秒，模拟异步操作）

定义一个函数 TextFc （里面用到了 async 和 await），async 申明该函数可以异步处理，await 代码执行阻塞，等待后面的异步操作完成后，再走下面的代码。

再加强一下 TextFc 函数，请注意看 await 的使用。

  /*** 生命周期函数--监听页面加载*/onLoad: function (options) {function timeout(ms) {return new Promise((resolve) => {setTimeout(resolve, ms);});}async function TextFc(num, ms) {await timeout(ms);console.log('第一次打印日志',++num);await timeout(ms);console.log('第二次打印日志',++num);}TextFc(1, 2000);},

代码运行每隔两秒，执行一次日志打印，看执行的效果图

快速学习 async await 的使用， Demo 解析相关推荐

python await原理_JavaScript async/await原理及实例解析
随着Node 7的发布,越来越多的人开始研究据说是异步编程终级解决方案的 async/await. 异步编程的最高境界,就是根本不用关心它是不是异步. async 函数就是隧道尽头的亮光,很多人认为它 ...
await原理 js_JavaScript async/await原理及实例解析
随着Node 7的发布,越来越多的人开始研究据说是异步编程终级解决方案的 async/await. 异步编程的最高境界,就是根本不用关心它是不是异步. async 函数就是隧道尽头的亮光,很多人认为它 ...
async js 返回值_JS异步编程 | Async / Await / Generator 实现原理解析
async/await实现在多个回调依赖的场景中,尽管Promise通过链式调用取代了回调嵌套,但过多的链式调用可读性仍然不佳,流程控制也不方便,ES7 提出的async 函数,终于让 JS 对于异 ...
Async,Await 深入源码解析
1.同步与异步假设存在 IO事件A:请求网络资源 (完成耗时5s) IO事件B:查询数据库 (完成耗时5s) 情况一:线程1工人在发起A请求后,一直阻塞等待,在A响应返回结果后再接着处理事件B,那总 ...
TypeSrcript如何引入第三方库如果加d.ts以及async await如何使用 demo，只有代码，文字后续补充...
https://files.cnblogs.com/files/cappuccino/laya2.rar
微信小程序 async await解决异步问题
小程序大部分函数和数据库操作都是异步执行的,如果希望同步执行,需要用到async 和await这对基友,必须成对出现. 为了快速验证 async/await 可用,在 App.js 的 onLaunc ...
什么是async/await？
前言 js有很多异步处理的解决方案,哪个好那个坏谁也说不清,而 ES中所包含的async 函数,却是让人感到眼前一亮,找到了解决 JavaScript 对于异步操作的最好操作,完美的可通过 Asy ...
在微信小程序中使用 async/await
微信小程序中有大量接口是异步调用,比如 wx.login() . wx.request() . wx.getUserInfo() 等,都是使用一个对象作为参数,并定义了 success() . fai ...
C# async await 学习笔记2
C# async await 学习笔记1(http://www.cnblogs.com/siso/p/3691059.html) 提到了ThreadId是一样的,突然想到在WinForm中,非UI线程 ...

快速学习 async await 的使用， Demo 解析

快速学习 async await 的使用， Demo 解析相关推荐

最新文章

热门文章