wxs 基本使用

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

需要注意的是：WXS 与 JavaScript 并不完全 一致，有自己的语法。

模块的导入导出

var foo = "'hello world' from comm.wxs";
var bar = function(d) {
  return d;
}
module.exports = {
  foo: foo,
  bar: bar
};

<wxs src="./../tools.wxs" module="tools" />
<view> {{tools.foo}} </view>
<view> {{tools.bar('Hello')}} </view>

moduule 属性类似于别名。即将导出对象赋值给属性值

日期格式化案例

function formate(d) {
  var date = getDate(parseInt(d))

  var year = date.getFullYear()
  var month = date.getMonth()
  var day = date.getDate()
  var hour = date.getHours()
  var min = date.getMinutes()
  var sec = date.getSeconds()

  return [year, month, day].map(formatNumber).join('-') + ' ' +  [hour, min, sec].map(formatNumber).join(':')
  // xxxx-xx-xx xx:xx:xx
  function formatNumber(item) {
    return item < 10 ? '0' + item : item
  }

}
module.exports = {
  formate: formate
}

<wxs src="../../wxs/format.wxs" module="tools" />
<view>
  {{tools.formate(d)}}
</view>

上面的 d 是当前 页面逻辑(即 js 文件) 中定义的数据

wxs 的 API与 JavaScript 有很大的差异