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

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

作者一邊查，一邊理解，一邊盡量詳細(xì)的說明。如果有說錯(cuò)的地方，敬請(qǐng)指正。

對(duì)象字面量表示法

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

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

var person = new Object();

persion.name = "Nicholas";

persion.age = 29;

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

var person = {

??? name : "Nicholas",

??? age : 29

};

第一種C/C++程序員熟悉的方式，而對(duì)象字面量表示法就比較陌生了。當(dāng)然這只是形式上的不同，內(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ù)對(duì)象

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

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

onLauch函數(shù)對(duì)象

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

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

getInfo函數(shù)對(duì)象

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

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

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

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

簡(jiǎn)單的定義了userinfo數(shù)據(jù)對(duì)象。

參考資料

對(duì)象字面量表示法

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

微信邏輯層

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

小程序API

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

寫在文章的最后

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