網上有幾個關於微信小程式開發的基本教程，

當然，最重要的其實是官方教程的框架這一部分，它才是權威解釋

因為沒有系統學習過javascript，因此看完這2篇教程之後，還是沒有完全明白quickstart中的一些函式和呼叫之間的關係。又在網上搜索了一些文章。基本弄清楚了，做一下筆記。

先說app.js。

  onLaunch: function () {

    //呼叫API從本地快取中獲取資料

    var logs = wx.getStorageSync('logs') || []

    logs.unshift(Date.now())

    wx.setStorageSync('logs', logs)

  },

官方教程中說：“當小程式初始化完成時，會觸發 onLaunch（全域性只觸發一次）”。

這個函式觸發後，首先是從本地快取中找key為‘logs’的資料。如果找到了，就傳遞給變數logs，如果找不到，就生產一個新的變數logs，其值為空。

logs.unshift(Date.now())是把當前時間放到logs的最前面（如果原來有資料的話）。

也可以改為logs.push(Date.now())，這個的效果是把當前時間放到logs的最後面。

這樣，本地快取裡面會有類似下面的資料：

Logs  Array[1482658382226,1482658508926,1482658538332]

Logs這個key對應一個數組，中括號中的三個值其實都是時間，是目前為止3次啟動這個微信小程式的時間記錄。但是這個格式只有機器能懂，要格式化一下才能看得懂。Utils目錄下面的util.js中的formatTime(date)函式就是用作格式翻譯的。

wx.setStorageSync('logs',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)

            }

          })

        }

      })

    }

  },

首先這個var that = this是防止後面呼叫的時候用錯了物件指標。

if(this.globalData.userInfo){ typeof cb == "function"&& cb(this.globalData.userInfo) }

         剛開始的時候，因為下面因為全域性變數userInfo是空的，所以這句話會被跳過，執行下面else後面的半句：首先是呼叫微信的登入函式，登入完畢之後，呼叫微信的wx.getUserInfo函式，得到使用者的userInfo。然後這句比較關鍵：

typeof cb == "function" &&cb(that.globalData.userInfo)

         我們來看看cb會是什麼東西。真正呼叫getUserInfo:function(cb)的，是在index.js中onload函式裡面：

app.getUserInfo(function(userInfo){

     //更新資料

     that.setData({

       userInfo:userInfo

     })

})

所以這個cb其實是一個函式，函式體是：

function(userInfo){  that.setData({ userInfo:userInfo  })

那麼cb(that.globalData.userInfo)相當於：

function(that.globalData.userInfo){  that.setData({ userInfo: that.globalData.userInfo})

結果就是取得的使用者資訊傳遞給全域性變數userInfo。

至於為什麼用setData，官方文件中介紹，setData 函式用於將資料從邏輯層傳送到檢視層，從而觸發檢視層自動改變。直接修改app或page資料無效，無法改變頁面的狀態，還會造成資料不一致。

再看index.js這裡面要緊的是事件處理函式：

  bindViewTap: function() {

    wx.navigateTo({

      url: '../logs/logs'

    })

  },

當事件觸發的時候，微信會導航到/logs/logs頁面。那麼什麼時候會觸發這個事件呢，首先這是一個檢視被點選的事件，從index.wxml裡看，這個檢視包括一個使用者的頭像和頭像下面的使用者名稱。所以，當你在使用者頭像和使用者名稱上點選的時候，就會跳轉到logs頁面。

下面是quickstart的官方原始碼及介紹地址

https://mp.weixin.qq.com/debug/wxadoc/dev/?t=20161222

還有這篇文章也很不錯：理解和使用javascript中的回撥函式

http://blog.csdn.net/luoweifu/article/details/41466537