微信小程序 - wxs脚本语言

一、为什么要使用wxs
凡是存在的东西都有它存在的必要，用一句话说就是"天生我才必有用！"。
wxs的作用就是减少在wxml页面上的循环语句。
大家都知道微信小程序上面有 wx:if 的判断语句。
但是如果过多的情况下就会造成wxml页面很乱，可读性不好。
在 iOS 设备上小程序内的 WXS 会比 JavaScript 代码快 2 ~ 20 倍
二、wxs文件是干哈用的？
在wxs文件中写一些方法，通过module.exports暴露出去，这样就可以被别的wxs文件或<wxs>标签引入。
三、wxs和JavaScript的区别
1、WXS 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。
2、WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。
3、WXS 的运行环境和其他 JavaScript 代码是隔离的，WXS 中不能调用其他 JavaScript 文件中定义的函数，也不能调用小程序提供的API。
4、WXS 函数不能作为组件的事件回调。
4、由于运行环境的差异，在 iOS 设备上小程序内的 WXS 会比 JavaScript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异
四、wxs的引用方式
标签引入<wxs src="./../tools.wxs" module="tools" />
require引入 var tools = require("./tools.wxs"); 相对路径
上代码：

// /pages/tools.wxs
var foo = "'hello world' from tools.wxs";
var bar = function (d) {
  return d;
}
module.exports = {
  FOO: foo,
  bar: bar,
};
module.exports.msg = "some msg";

<!-- page/index/index.wxml -->   wxs标签引入
<wxs src="./../tools.wxs" module="tools" />
<view>{{tools.msg}}</view>
<view>{{tools.bar(tools.FOO)}}</view>