1. 什么是wxs
wxs(WeiXin Script) 是小程序独有的一套脚本语言,结合wxml,可以构建出页面的结构。
2. wxs的应用场景
wxml中无法调用在页面的js中定义的函数,但是wxml可以调用wxs中定义的函数,因此,小程序中wxs的典型应用场景是‘过滤器’
3. wxs和JavaScript的关系
- wxs的语法类似于JavaScript,但是wxs和JavaScript时完全不同的两种语言
- wxs有自己的数据类型
- wxs不支持类似于ES6及以上的语法
- wxs遵守CommonJS规范
4. 定义内嵌的wxs脚本
wxs代码可以编写在wxml文件中的标签中,每个标签必须提供module属性,用来指定wxs的模块名称。
<wxs module="m1">
module.exports.toUpper = function(str){
return str.toUpperCase()
}
</wxs>
5.定义外联的wxs脚本
wxs代码可以编写在以wxs为后缀的文件中
function toLower(str){
return str.toLowerCase()
}
module.exports ={
toLower:toLower
}
- 在wxml中引入:
<wxs module="m2" src="../../utils/tools.wxs"></wxs>
6. wxs的特点
- 与JavaScript不同
- 不能作为组件的时间回调 wxs典型的应用场景是·过滤器·,经常配合Mustache语法使用
- 隔离性 wxs的运行环境和其他JavaScript代码是隔离的, wxs不能调用js中定义的函数, wxs不能调用小程序提供的API
- 性能好 在IOS设备上,小程序内wxs会比JavaScript代码块2-20倍 在Android中,二者相差不大