微信小程序的wxs脚本

378 阅读1分钟

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中,二者相差不大