WXS(WeiXin Script)是小程序的一套腳本語言,結合 WXML
,能夠構建出頁面的結構。html
wxs能夠說就是爲了知足能在頁面中使用js存在的,在wxml頁面中,只能在插值{{ }}中寫簡單的js表達式,而不能調用方法,例如想取出一個字符串的最後一位,就不能調用slice()方法。小程序
一般的解決辦法是在page的data對象中先把這個字符串截取好賦給某個變量,而後在頁面中使用這個變量,可是問題又來了,若是變量多了呢,是否是要定義不少次。數組
在html中引入像artTemplate這樣的模板後,在頁面中只要在界限符內就能使用任何js語法,而不單單只是顯示出表達式。3d
相對來講wxml中使用js語法就比較薄弱了,wxs就是彌補了這樣的短處。code
使用 ①寫好wxs文件 而後導出要使用的方法或變量xml
②在待使用頁面 使用<wxs src="/path" module="tools" />引入htm
③在插值{{}}中使用tools.method_name(para)對象
例如截取字符串blog
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有衝突,絕大部分語法仍是同樣的。ip