WeChat ミニプログラム開発の基礎 - app.js (3)

WeChat ミニ プログラム開発チュートリアル (基礎) 1-まずは WeChat ミニ プログラムの概要
WeChat ミニ プログラム開発チュートリアル (基礎) 2-WeChat ミニ プログラム構造の概要

前のチュートリアルでは、開発ツールが生成するものと書きました。デフォルト プログラムの主要な処理コードが app.js に含まれるプログラム フレームワーク。デフォルトの実装では、関数のこの部分は比較的単純ですが、小規模なプログラム開発の学習と研究には依然として価値があります。

コードの行数が少ないので、一度に投稿して以下に説明します

//app.js
App({
  onLaunch: function () {
    //调用API从本地缓存中获取数据
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
  },
  getUserInfo:function(cb){
    var that = this
    if(this.globalData.userInfo){
      typeof cb == "function" && cb(this.globalData.userInfo)
    }else{
      //调用登录接口
      wx.login({
        success: function () {
          wx.getUserInfo({
            success: function (res) {
              that.globalData.userInfo = res.userInfo
              typeof cb == "function" && cb(that.globalData.userInfo)
            }
          })
        }
      })
    }
  },
  globalData:{
    userInfo:null
  }
})

このコードは、onLaunch、getUserInfoの2つのメソッドとglobalDataメンバー変数を含むAppオブジェクトを定義します
onLaunchメソッドが使用されますプログラムの開始時にフレームワークによって呼び出されます。このメソッドでは、プログラムは WeChat が提供するローカル ストレージ インターフェイスを通じてログ変数を取得します。このとき、変数は空の配列に初期化されます。次に、フォーマットされた時刻文字列を配列の先頭に追加し、配列変数をローカルに保存します。

WeChat アプレット フレームワークは、ローカル データの保存に役立つ一連の API を提供します。上記のコードでは、wx.getStorageSync と wx.setStorageSync という 2 つの API を使用しています。詳細については、こちらを参照してください。getUserInfo メソッドは理解しやすいです。 、ユーザー情報を取得する機能を実行します。ただし、このメソッドは onLaunch とは異なり、フレームワークによって事前に設定された関数ではないため、呼び出しは自動的にトリガーされません。このメソッドは、index.js の onload メソッドで呼び出されます (index.js の部分については、後続のチュートリアルで説明します)。このメソッドでは、呼び出し元が cb という名前のパラメータを渡す必要があります。まず、ユーザー情報が取得されているかどうかを判断し、cb が関数である場合は、cb 関数が呼び出され、globalData メンバー変数が渡されます。それ以外の場合は、ユーザー情報を取得するために wx.login インターフェイスが呼び出されます。

js に慣れていない、またはスクリプト言語にほとんど触れていない学生は、上記のコードの構文に混乱する可能性があります。これらのコード行には、関数コールバック、匿名関数、クロージャなどの概念が含まれています。この部分のチュートリアルについては後で別の記事で説明します。

このコードは最後に、ユーザー情報を保存するための userInfo 変数を含む globalData メンバー変数を定義します。

以上がWeChat ミニプログラム開発の基礎 - app.js (3)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。