# WXS
WXS(WeiXin Script)是內(nèi)聯(lián)在 WXML 中的腳本段。通過 WXS 可以在模版中內(nèi)聯(lián)少量處理腳本,豐富模板的數(shù)據(jù)預(yù)處理能力。另外, WXS 還可以用來編寫簡單的 WXS 事件響應(yīng)函數(shù)。
從語法上看, WXS 類似于有少量限制的 JavaScript 。要完整了解 WXS 語法,請參考WXS 語法參考。
以下是一些使用 WXS 的簡單示例。
# 頁面渲染
<!--wxml-->
<wxs module="m1">
var msg = "hello world";
module.exports.message = msg;
</wxs>
<view> {{m1.message}} </view>
頁面輸出:
hello world
# 數(shù)據(jù)處理
// page.js
Page({
data: {
array: [1, 2, 3, 4, 5, 1, 2, 3, 4]
}
})
<!--wxml-->
<!-- 下面的 getMax 函數(shù),接受一個數(shù)組,且返回數(shù)組中最大的元素的值 -->
<wxs module="m1">
var getMax = function(array) {
var max = undefined;
for (var i = 0; i < array.length; ++i) {
max = max === undefined ?
array[i] :
(max >= array[i] ? max : array[i]);
}
return max;
}
module.exports.getMax = getMax;
</wxs>
<!-- 調(diào)用 wxs 里面的 getMax 函數(shù),參數(shù)為 page.js 里面的 array -->
<view> {{m1.getMax(array)}} </view>
頁面輸出:
5