一、WXS（WeiXin Script）是小程序的一套腳本語(yǔ)言，結(jié)合 WXML，可以構(gòu)建出頁(yè)面的結(jié)構(gòu)。wxs標(biāo)簽可以直接寫在wxml頁(yè)面，通過制定module屬性來(lái)制定調(diào)用名稱，通過module.exports.xxx=xxx;的方式來(lái)制定組件的輸出api，可以通過{{}}在wxml中調(diào)用組件的輸出api。

每一個(gè) .wxs 文件和 <wxs> 標(biāo)簽都是一個(gè)單獨(dú)的模塊，就像是block。

每個(gè)模塊都有自己獨(dú)立的作用域。即在一個(gè)模塊里面定義的變量與函數(shù)，默認(rèn)為私有的，對(duì)其他模塊不可見。

一個(gè)模塊要想對(duì)外暴露其內(nèi)部的私有變量與函數(shù)，只能通過 module.exports 實(shí)現(xiàn)。

以下是一些使用 WXS 在wxml頁(yè)面內(nèi)的簡(jiǎn)單示例：

頁(yè)面渲染實(shí)例

image.png

頁(yè)面輸出 hello world

image.png

image.png

二、wxs模塊還可以使用.wxs文件的方式定義
.wxs文件內(nèi)部簡(jiǎn)單代碼實(shí)例如下

image.png

在wxml中引用外部的wxs模塊

image.png

image.png

require函數(shù)
在.wxs模塊中引用其他 wxs 文件模塊，可以使用 require 函數(shù)。

引用的時(shí)候，要注意如下幾點(diǎn)：

只能引用 .wxs 文件模塊，且必須使用相對(duì)路徑。
wxs 模塊均為單例，wxs 模塊在第一次被引用時(shí)，會(huì)自動(dòng)初始化為單例對(duì)象。多個(gè)頁(yè)面，多個(gè)地方，多次引用，使用的都是同一個(gè) wxs 模塊對(duì)象。
如果一個(gè) wxs 模塊在定義之后，一直沒有被引用，則該模塊不會(huì)被解析與運(yùn)行。

image.png