終于到了說明真正的程序的部分。

作為程序員來講，似乎只有看到了能動的代碼才會安心。但是這里的程序是Javascript，C或者C++程序員看起來會比較陌生。

作者一邊查，一邊理解，一邊盡量詳細的說明。如果有說錯的地方，敬請指正。

對象字面量表示法

這部分的說明直接引用自【JavaScript高級程序設(shè)計，第五章】。

在Javascript中創(chuàng)建Object實例的方式有兩種。第一種是使用new操作符后跟Object構(gòu)造函數(shù)，如下所示：

var person = new Object();

persion.name = "Nicholas";

persion.age = 29;

另一種方法是使用對象字面量表示法，對象字面量是對象定義的一種簡寫形式，目的在于簡化創(chuàng)建包含大量屬性的對象的過程。下面這個例子就使用了對象字面量語法定義了與前面那個例子中相同的person對象。

var person = {

??? name : "Nicholas",

??? age : 29

};

第一種C/C++程序員熟悉的方式，而對象字面量表示法就比較陌生了。當然這只是形式上的不同，內(nèi)容是一樣的。稍加適應(yīng)即可。

代碼

//app.js
App({

??? onLaunch: function() {
??????? //調(diào)用API從本地緩存中獲取數(shù)據(jù)
??????? 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 {
??????? ? ?? //調(diào)用登錄接口
? ?? ??????? wx.getUserInfo({
??? ? ?? ??????? withCredentials: false,
? ?? ??????????? success: function(res) {
? ?? ??????? ? ????? that.globalData.userInfo = res.userInfo
? ?? ???????? ?????? typeof cb == "function" && cb(that.globalData.userInfo)
? ?? ??????????? }
? ?? ??????? })
? ?? ??? }
??? },
?
??? globalData: {
??????? userInfo: null
??? }
})

參數(shù)對象

這 段代碼的最外層是App()函數(shù)，它用來注冊小程序。這個函數(shù)接受一個 object對象參數(shù)，它指定的是小程序的生命周期函數(shù)等。這個對象的邊界就是App第一個“（”后面的“{”到最后一個小括號前面的“}”。它的內(nèi)部又 包含了onLaunch函數(shù)對象，getUserInfo函數(shù)對象和globalData數(shù)據(jù)對象。

需要注意的是，函數(shù)對象也好，數(shù)據(jù)對象也好，都只是被注冊到架構(gòu)中，至于調(diào)用/使用的時機，相信另有安排。

onLauch函數(shù)對象

當小程序初始化完成時，會觸發(fā) onLaunch（全局只觸發(fā)一次），在本例中，onLaunch首先從數(shù)據(jù)緩存中取得logs數(shù)組，如果取得失敗則通過“|| [ ]“”創(chuàng)建新數(shù)組。在數(shù)組中增加當前日期（和時間）之后，將數(shù)組重新保存在數(shù)據(jù)緩存中。

程序員不要自己調(diào)用這個函數(shù)。

getInfo函數(shù)對象

如果是第一次調(diào)用這個函數(shù)則首先調(diào)用登錄接口取得用戶信息，如果不是第一次調(diào)用，則直接返回已經(jīng)取得的用戶信息。

取 得用戶信息的wx.getUserInfo函數(shù)也要稍微說明一下：它是由小程序架構(gòu)提供的API，仍然是一個對象。這個參數(shù)對象又包含了 withCredentials屬性和另外的success函數(shù)對象。其中success函數(shù)會在getUserInfo成功時被調(diào)用以接收用戶信息。

用C語言的觀點來講，這就是一個回調(diào)函數(shù)。

globalData數(shù)據(jù)對象

簡單的定義了userinfo數(shù)據(jù)對象。

參考資料

對象字面量表示法

JavaScript高級程序設(shè)計，第五章

微信邏輯層

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/

小程序API

https://mp.weixin.qq.com/debug/wxadoc/dev/api/

寫在文章的最后

既然已經(jīng)讀到這里了，拜托大家再用一分鐘時間，將文章轉(zhuǎn)發(fā)到各位的朋友圈，微信群中。本公眾號的成長需要您的支持！ 閱讀更多更新文章，請掃描下面二維碼，關(guān)注微信公眾號【面向?qū)ο笏伎肌?