小程序裏使用es7的async await語法

咱們作小程序開發時,有時候想讓本身代碼變得整潔,異步操做時避免回調地獄.咱們會使用es6的promise. es7的async,await .
promise在小程序和雲開發的雲函數裏均可以使用. async和await只能在雲開發的雲函數裏使用.咱們在小程序的代碼裏直接使用,就會報以下錯誤.

這個報錯就是告訴咱們不能在小程序裏直接使用es7的async和await語法.可是這麼好的語法咱們用起來確實顯得代碼整潔,逼格高.
那接下來我就教你們如何在小程序代碼裏使用es7的async和await語法.

一,下載facebook出的runtime.js類庫

其實這個問題,一些大廠已經給出瞭解決方案.如上圖,咱們只須要把facebook出的這個runtime.js類庫下載下來,而後放到咱們的小程序項目裏.
下載連接:https://github.com/facebook/regenerator/blob/master/packages/regenerator-runtime/runtime.js
github有時候下載比較慢,我也提早把這個類庫下載好放我網盤裏了.

下載連接:https://pan.baidu.com/s/19n5wmjIKK3PAPbcXBzWmQA 提取碼：xxll

• 若是連接失效,能夠在底部 留言,或者私信石頭哥獲取.

二,下載後,把runtime.js放到咱們項目裏

我這裏把runtime.js放到個人utils目錄下,若是你沒有utils目錄,能夠新建.

三,代碼裏引入runtime.js類庫

這裏建議你們用 require語法引入.

這裏須要注意的是.上圖咱們引入runtime.js時的變量名regeneratorRuntime必須和我這裏如出一轍.要否則就會引入不成功.

引入完後,在編譯代碼,能夠看到控制檯再也不報咱們一開始的錯誤

四,簡單使用async和await

首先要知道咱們async和await是結合使用的.

上圖是我簡單寫的一個定時器來模擬異步等待.只要咱們這裏成功的引入runtime.js類庫,後面想使用async和await就方便不少了.

今天就講到這裏.想學習更多小程序相關的知識,請持續關注.下期見