小程序使用 async await

實踐的方式以下：

• 第一個問題： 雖然小程序不支持，可是咱們能夠引入js庫啊。雙手奉上facebook的開源庫regenerator 下載'packages/regenerator-runtime'這個路徑下的runtime.js，放到本身小程序項目下的utils或者lib文件夾下。

• 第二個問題： Async跟Await的用法

• Async - 定義異步函數(async function someName(){...})

  • 自動把函數轉換爲 Promise
  • 當調用異步函數時，函數返回值會被 resolve 處理
  • 異步函數內部能夠使用 await

• Await - 暫停異步函數的執行 (var result = await someAsyncCall();)

  • 當使用在 Promise 前面時，await 等待 Promise 完成，並返回 Promise 的結果
  • await 只能和 Promise 一塊兒使用，不能和 callback 一塊兒使用
  • await 只能用在 async 函數中

import regeneratorRuntime from '../../utils/runtime.js'

onLoad: function() {
    this.initData();
  },

  async initData(){
	await this.initMyData();//請求接口1
	await this.initTodayData();//請求接口2
  }

  initMyData:function(){
	console.log('開始請求1')
	........
	//回調函數的方法內寫
	console.log("完成請求1")
	
	
}

  initTodayData:function(){
	console.log('開始請求2')
	........
	//回調函數的方法內寫
	console.log("完成請求2")
}
複製代碼

• 做者簡介：何永峯，蘆葦科技web前端開發工程師，喜歡處處尋找好吃的，平時愛好是跳舞，打籃球，聽音樂，有時會出席一些大型的舞蹈商演活動，目前是Acum.Revolution現狀革命成員之一。而且表明做品：萌雞駕到、美旅出行小程序、電競桌子小程序。擅長網站建設、公衆號開發、微信小程序開發、小遊戲、公衆號開發，專一於前端領域框架、交互設計、圖像繪製、數據分析等研究，訪問 www.talkmoney.cn 瞭解更多。