WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构
注意:
wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。
wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。
wxs 的运行环境和其他 javascript 代码是隔离的,wxs 中不能调用其他 javascript 文件中定义的函数,也不能调用小程序提供的API。
wxs 函数不能作为组件的事件回调。
由于运行环境的差异,在 iOS 设备上小程序内的 wxs 会比 javascript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。
引用使用
1. 定义一个filter.wxs 文件,一般放在工具文件夹
/**
* 截取
*/
var limit = function(array, lenght){
return array.slice(0, lenght)
}
module.exports = {
limit: limit
}
2. 在要使用的页面引用
<wxs src="../../utils/filter.wxs" module="util" />
3. 使用
{{util.limit('aaabbbcccdddeee', 10)}}
页面标签使用
<wxs module="tool">
var highlight = function(index){
if(index == 0) return 'ex-tag1'
if(index == 1) return 'ex-tag2'
return ''
}
module.exports = {
highlight:highlight
}
</wxs>
{{tool.highlight(index)}}