我們做小程序開發(fā)時,有時候想讓自己代碼變得整潔,異步操作時避免回調地獄.我們會使用es6的promise. es7的async,await .
promise在小程序和云開發(fā)的云函數(shù)里都可以使用. async和await只能在云開發(fā)的云函數(shù)里使用.我們在小程序的代碼里直接使用,就會報如下錯誤.

創(chuàng)新互聯(lián)公司是一家專業(yè)提供剛察企業(yè)網站建設,專注與成都網站設計、成都做網站、H5響應式網站、小程序制作等業(yè)務。10年已為剛察眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網站設計公司優(yōu)惠進行中。

這個報錯就是告訴我們不能在小程序里直接使用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就方便很多了.

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

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前標題：小程序里使用es7的asyncawait語法-創(chuàng)新互聯(lián)
新聞來源：http://www.rwnh.cn/article16/doeegg.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供電子商務、網站內鏈、域名注冊、自適應網站、企業(yè)建站、網站策劃

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)