wxs模块

一、WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。wxs标签可以直接写在wxml页面，通过制定module属性来制定调用名称，通过module.exports.xxx=xxx;的方式来制定组件的输出api，可以通过{{}}在wxml中调用组件的输出api。

每一个 .wxs 文件和 标签都是一个单独的模块，就像是block。

每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数，默认为私有的，对其他模块不可见。

一个模块要想对外暴露其内部的私有变量与函数，只能通过 module.exports 实现。

以下是一些使用 WXS 在wxml页面内的简单示例：

页面渲染实例

image.png

页面输出 hello world

image.png

image.png

二、wxs模块还可以使用.wxs文件的方式定义
.wxs文件内部简单代码实例如下

image.png

在wxml中引用外部的wxs模块

image.png

输出1和2

image.png

require函数
在.wxs模块中引用其他 wxs 文件模块，可以使用 require 函数。

引用的时候，要注意如下几点：

只能引用 .wxs 文件模块，且必须使用相对路径。
wxs 模块均为单例，wxs 模块在第一次被引用时，会自动初始化为单例对象。多个页面，多个地方，多次引用，使用的都是同一个 wxs 模块对象。
如果一个 wxs 模块在定义之后，一直没有被引用，则该模块不会被解析与运行。

image.png