小程序第二天(WeiXin Script)

发表于
WXS是小程序的一套脚本语言，结合WXML，可以构建出页面的结构

WXS

WXS（WeiXin Script）是小程序的一套脚本语言，结合WXML，可以构建出页面的结构。

页面渲染

1
2
3
4
5
6
7
8
<!--wxml-->
<wxs module="m1">
var msg = "hello world";
module.exports.message = msg;
</wxs>
<view> {{m1.message}} </view>

数据处理

1
2
3
4
5
6
// page.js
Page({
  data: {
    array: [1, 2, 3, 4, 5, 1, 2, 3, 4]
  }
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!--wxml-->
<!-- 下面的 getMax 函数，接受一个数组，且返回数组中最大的元素的值 -->
<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>
<!-- 调用 wxs 里面的 getMax 函数，参数为 page.js 里面的 array -->
<view> {{m1.getMax(array)}} </view>