小程序js對象（微信小程序開發js必備知識）

本文目錄一覽：

• 1、小程序或者js怎麼把這個數據 組合成數組對象
• 2、怎樣使用微信小程序的第三方js庫？
• 3、小程序js獲取對象中的結果集
• 4、WeChat小程序基礎篇-js事件

小程序或者js怎麼把這個數據 組合成數組對象

你不是已經實現了嗎，console.log(shangpin)就可以看到你的結果，還是說我沒理解你要幹嘛，是想要輸出一個數組對象張這個樣子的嗎

[

{name: ‘抗皺皎潔白00’},

{name: ‘抗皺黑色111’},

{name: ‘抗皺黑色22’},

]

怎樣使用微信小程序的第三方js庫？

方法一：rpn.js：使用rpn.js實現eval函數功能

操作鏈接：網頁鏈接

方法二：

（1）使用Underscore.js：操作鏈接：網頁鏈接

（2）使用Immutable.js：操作鏈接：網頁鏈接

（3）使用UUID、Base64、Chance：操作鏈接：網頁鏈接

擴展微信小程序框架功能（1）——Promise

ES6 對 Promise 有了原生的支持，但微信開發者工具更新版本（0.11.112200）後, 移除了開發者工具對 ES6 中Promise 特性原生的支持, 需要引入第三方的 Promise 庫。

擴展微信小程序框架功能（2）——Generator

Generator函數是ES6提供的一種非同步編程解決方案，語法行為與傳統函數完全不同。

擴展微信小程序框架功能（3）——函數功能增強

Underscore.js 和 Lodash 是最常用的JavaScript庫。

擴展微信小程序框架功能（4）——Immutable.js

Immutable.js 是 Facebook 開發的不可變數據集合。Immutable

Data（不可變數據）一旦創建就不能被修改。通過使用Immutable

Data，可以更容易的處理緩存、回退、數據變化檢測等問題，應用開發更簡單。

擴展微信小程序框架功能（5）——Redux

Redux 是 JavaScript 狀態容器，提供可預測化的狀態管理。

擴展微信小程序框架功能（6）—日期時間

Moment.js是一個JavaScript的日期、時間處理工具類，其對於JavaScript的日期時間處理功能非常強悍和全面。可以用在瀏覽器環境中使用，也可以在Node.js中。

擴展微信小程序框架功能（7）——正則表達式

XRegExp 是一個開源的 JavaScript庫，提供一個參數化、可擴展的支持各種瀏覽器的正則表達式的實現庫，支持附加語法、標誌以及方法。

擴展微信小程序框架功能（8）——Xml處理

x2js是一個 實現 XML 與 JavaScript 對象之間相互轉換的工具庫。

擴展微信小程序框架功能（9）——加解密

node-uuid可以快速地生成符合規範 的 UUID。js-base64可以實現Base64編碼和解碼。crypto-js可以非常方便地在 JavaScript 進行加解密。

擴展微信小程序框架功能（10）——測試輔助

Chance是一個 JavaScript 隨機數生成工具。Mock.js可以生成隨機數據，攔截 Ajax 請求。

方法三：moment

操作鏈接：網頁鏈接

小程序js獲取對象中的結果集

返回的是個json，

給你個思路，自己解決下，做不了在追們問：

1、需要用eval函數將返回的串轉化成可用的strig串，eval(data)，但是因為原串裡面是以{}開始和結束的，會被認為是可執行方法，因此需要加上()包圍起來，var jsonobj=eval(“(“+data+”)”)，然後再alert(“ID:” + jsonobj.id + “\nName:” + jsonobj.time);就能正常顯示了

2、獲取的時候就直接表示返回的是json格式，用$.getJSON代替$.get，其他代碼不變，也能正常獲取。

WeChat小程序基礎篇-js事件

js負責頁面與用戶的交互，動態修改頁面的內容。使用js腳本來處理用戶的操作。

操作解釋: 點擊button按鈕(點我),修改界面的msg顯示為”BeiJing佩奇”

綁定事件: bindtap定義了”點擊事件”

j s 函數: Page({定義函數對應bindtap})

例如開頭示例一樣，組件綁定事件，js編寫事件函數。

這裡大概介紹下log列印的內容

☞ 小生不才，附上 博客地址 ☜

事件分為冒泡事件和非冒泡事件

1.冒泡事件:當一個組件被觸發後，該事件以此向父節點傳遞。

2.非冒泡事件:當一個組件觸發後，該事件不會向父節點傳遞。

解釋：當點擊子節點時，會依次觸發”bind事件2，bind事件1″

解釋：當點擊子節點時，只觸發”bind事件2″，而沒有觸發”bind事件1″

自基礎班1.5.0起，觸摸類事件支持捕獲階段。捕獲階段位於冒泡階段之前。事件到達節點的順序與冒泡相反。捕獲事件採用的關鍵字為capture-bind、capture-catch，當然catch還是中斷，取消冒泡階段。

1. 示例1，執行順序為hand2,hand4,hand3,hand1

2. 示例2，加入capture-catch捕獲事件，只執行hand2