小程序-视图与逻辑之四：WXS脚本
一、1、什么是wxs
WXS（WeiXin Script）是小程序独有的一套脚本语言，结合WXML，可以构建出页面的结构。
2、WXS的应用场景
WXML中无法调用在页面的.js中定义的函数，但是，WXML中可以调用WXS中定义的函数。因此，小程序中WXS的典型应用场景就是“过滤器”。
3、wxs和JavaScript的关系
虽然wxs的语法类似于JavaScript，但是wxs和JavaScript是完全不同的两种语言：
1）wxs有自己的数据类型
- number数值类型、string字符串类型、boolean布尔类型、object对象类型
- function函数类型、array数组类型、data日期类型
2）wxs不支持类似于ES6及以上的语法形式
- 不支持：let、const、解构赋值、展开运算符、箭头函数、对象属性简写、etc…
- 支持：var定义变量、普通function函数等类似于ES5的语法
3）wxs遵循CommonJS规范
- module对象
- require()函数
- module.exports对象
二、基础语法
1、内嵌wxs脚本
wsx代码可以编写在wxml文件中的<wxs>标签内，就像Javascript代码可以编写在html文件中的<script>标签内一样。
wxml文件中的每个<wxs></wxs>标签，必须提供module属性，用来指定当前wxs的模块名称，方便在wxml中访问模块中的成员：
2、定义外联的wxs脚本
wxs代码可以编写在以.wxs为后缀名的文件内，就像javascript代码可以编写在以.js为后缀名的文件中一样。示例代码如下：
3、使用外联的wxs脚本
在wxml中引入外联的wxs脚本时，必须为<wxs>标签添加modoule和src属性，其中：
- module用来指定模块的名称
- src用来指定要引入的脚本的路径，且必须是相对路径
示例代码如下：
二、WXS的特点
1、与JavaScript不同
为了降低wxs（WeiXin Script）的学习成本，wxs语言在设计时大量借鉴了JavaScript的语法。但是本质上，wxs和JavaScript是完全不同的两种语言！
2、不能作为组件的事件回调
wxs典型的应用场景就是“过滤器“、经常配合Mustache语法进行使用，例如：
3、隔离性
隔离性指的是wxs的运行环境和其他JavaScript代码是隔离的。体现在如下两方面
- wxs不能调用js中定义的函数
- wxs不能调用小程序提供的API
4、性能好
- 在iOS设备上，小程序内的WXS会比JavaScript代码快2~20倍。
- 在Android设备上，二者的运行效率无差异
