ホームページ > WeChat アプレット > ミニプログラム開発 > WeChat アプレットで async/await 構文を使用する方法 (コード例)

WeChat アプレットで async/await 構文を使用する方法 (コード例)

不言
リリース: 2019-02-16 10:23:33
転載
4110 人が閲覧しました

この記事の内容は、WeChat アプレットでの async/await 構文の使用方法 (コード例) に関するものです。必要な方は参考にしていただければ幸いです。

1. package.json ファイルを WeChat アプレット プロジェクトに追加するか、直接 npm init.

2. リジェネレーター パッケージとバージョンを package.json

`"devDependencies": {
"regenerator":"0.13.3"}`
ログイン後にコピー
# に追加します。 # #3. WeChat 開発者ツール->> ツール->> npm build

4. async/await 構文を使用する必要があるファイルに regeneratorRuntime を導入します

const regeneratorRuntime = require('regenerator-runtime')
ログイン後にコピー
5. async/await 構文を使用します

lifetimes: {
    attached:async function(){
      // 在组件实例进入页面节点树时执行
     let data= await req(this.properties.apiType);
     console.log(data)
    },
    detached() {
      // 在组件实例被从页面节点树移除时执行
    },
  },
ログイン後にコピー
これの方向に注意する必要があります。たとえば、ライフサイクルでアロー関数を使用すると、this

が失われるか、このようになります

 lifetimes: {
    async attached(){
      // 在组件实例进入页面节点树时执行
     let data= await req(this.properties.apiType);
     console.log(data)
    },
    async detached() {
      // 在组件实例被从页面节点树移除时执行
     
    },
  },
ログイン後にコピー
実際には、 app.js でグローバルに使用できます。require Once です。

この記事の参考文献: WeChat ミニ プログラム開発の基本チュートリアル https://www.html.cn/study/20.html

##

以上がWeChat アプレットで async/await 構文を使用する方法 (コード例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:segmentfault.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート