小程序的wxs簡單使用

WXS（WeiXin Script）是小程序的一套腳本語言，結合 WXML，可以構建出頁面的結構。

wxs可以說就是為了滿足能在頁面中使用js存在的，在wxml頁面中，只能在插值{{ }}中寫簡單的js表達式，而不能調用方法，例如想取出一個字符串的最后一位，就不能調用slice()方法。

通常的解決辦法是在page的data對象中先把這個字符串截取好賦給某個變量，然后在頁面中使用這個變量，但是問題又來了，如果變量多了呢，是不是要定義很多次。

在html中引入像artTemplate這樣的模板后，在頁面中只要在界限符內就能使用任何js語法，而不僅僅只是顯示出表達式。

相對來說wxml中使用js語法就比較薄弱了，wxs就是彌補了這樣的短處。

使用 ①寫好wxs文件 然后導出要使用的方法或變量

②在待使用頁面 使用<wxs src="/path" module="tools" />引入

③在插值{{}}中使用tools.method_name(para)

例如截取字符串

function my_slice(str,a,b){
  return str.slice(a,b);
}
module.exports = {
  my_slice: my_slice
}

<wxs src="../../utils/string.wxs" module="tools" />
<view>
  {{tools.my_slice("123456789",0,5)}}
</view>

等等使用方法，操作數組、字符串、對象等都可以實現，但是某些方法可能和原生js有沖突，絕大部分語法還是一樣的。