WXS

在wxml中可以用的js模块，可以在里面写js代码并应用到页面标签中。

wxs常常作为过滤器使用。

注意！！wxs中只能用var声明变量

内联的wxs

<scroll-view class="scrollarea" scroll-y type="list">
  <view class="container">
    <view>{{ m1.reverseNum(1234) }}</view>
  </view>
</scroll-view>

<wxs module="m1">
  module.exports.reverseNum = function(num){
    var numStr = num.toString();
    console.log(numStr);
    return numStr;
  }
</wxs>

外联的wxs

function reverseNum(num){
  var numStr = num.toString();
  console.log(numStr);
  return numStr;
}

var name = 'tom'

module.exports = {
  reverseNum: reverseNum,
  name: name,
}

// wxml
<scroll-view class="scrollarea" scroll-y type="list">
  <view class="container">
    <view>{{  m1.name }}</view>
    <view>{{ m1.reverseNum(1234) }}</view>
  </view>
</scroll-view>

<wxs src="./index.wxs" module="m1"></wxs>

注意事项

wxs不能作为组件的事件回调函数，也就是bindtap之类的不可以调用wxs中的方法。

同时，wxs不能调用js中定义的函数，也不能调用小程序提供的API。

在iOS设备上，wxs会比js代码快2~20倍