一父晶、WXS(WeiXin Script)是小程序的一套腳本語言城豁,結(jié)合 WXML,可以構建出頁面的結(jié)構验辞。wxs標簽可以直接寫在wxml頁面稿黄,通過制定module屬性來制定調(diào)用名稱,通過module.exports.xxx=xxx;的方式來制定組件的輸出api跌造,可以通過{{}}在wxml中調(diào)用組件的輸出api杆怕。
每一個 .wxs 文件和 <wxs> 標簽都是一個單獨的模塊,就像是block壳贪。
每個模塊都有自己獨立的作用域陵珍。即在一個模塊里面定義的變量與函數(shù),默認為私有的撑碴,對其他模塊不可見撑教。
一個模塊要想對外暴露其內(nèi)部的私有變量與函數(shù),只能通過 module.exports 實現(xiàn)醉拓。
以下是一些使用 WXS 在wxml頁面內(nèi)的簡單示例:
頁面渲染實例
image.png
頁面輸出 hello world
image.png
image.png
二伟姐、wxs模塊還可以使用.wxs文件的方式定義
.wxs文件內(nèi)部簡單代碼實例如下
image.png
在wxml中引用外部的wxs模塊
image.png
輸出1和2
image.png
require函數(shù)
在.wxs模塊中引用其他 wxs 文件模塊,可以使用 require 函數(shù)亿卤。
引用的時候愤兵,要注意如下幾點:
只能引用 .wxs 文件模塊,且必須使用相對路徑排吴。
wxs 模塊均為單例秆乳,wxs 模塊在第一次被引用時,會自動初始化為單例對象钻哩。多個頁面屹堰,多個地方,多次引用街氢,使用的都是同一個 wxs 模塊對象扯键。
如果一個 wxs 模塊在定義之后,一直沒有被引用珊肃,則該模塊不會被解析與運行荣刑。
image.png