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

この記事の内容は、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 サイトの他の関連記事を参照してください。