小程序：wsx脚本

1.wxs的应用场景

wxml无法调用.js的函数，但可以调用wxs中定义的函数。因此小程序中wxs的典型应用场景是“过滤器”

2.wxs与JavaScript的关系

 3.wxs基础语法

3.1内联：wxs代码可以编写在wxml文件中的<wxs>标签内

wxml文件中的<wxs></wxs>标签，必须提供module属性，用来指定当前wxs模块的名称，方便在wxml中访问模块中的成员

//在data中设置username属性
<view>{
   {m1.toUpper(username)}}</view>
<wxs module="m1">
    module.exports.toUpper = function(str){
        return str.toUpperCase()
    }
</wxs>

3.2外联

与pages文件夹同级下的utils创建tools.wxs文件
<view>{
   {m2.toLower(country)}}</view>
<wxs src="../../utils/tools.wxs" module="m2"></wxs>

//tools.wxs
function toLower(str){
    return str.toLowerCase()
}
module.exports = {
    toLower:toLower
}

4.wxs特点

• 在wxs中定义的函数，不能作为组件的事件回调函数

//错误示范
<button bindtap='m2.toLower'>按钮</button>

• 隔离性（运行环境与JavaScript隔离） wxs不能调用js定义的函数、也不能调用小程序提供的API
• 性能好：ios设备（wxs快于JavaScript2-20倍），安卓设备（两者无差异）