「小程序JAVA實(shí)戰(zhàn)」小程序模塊之間引用（19）

上一節(jié)，講了頁面引用模塊的概念，如果是模塊之前引用呢？源碼：https://github.com/limingios/wxProgram.git 中的No.8

小程序的WXS模塊

1. js代碼塊可以在頁面中被引入使用
   

   
   

2. 定義*.wxs,module.exports暴露接口和屬性
   

   從私有到公用的概念，通過暴露就可以公有話。

3. require函數(shù)

4. 官方的闡述
   >https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/01wxs-module.html

5.演示模塊之間的引用

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

wxs.wxml

<!wxs.wxml-->
<view?class="container">
??<wxs?src="../wxs/module.wxs"?module="item"></wxs>
??<view>{{item.name}}</view>
??<view>{{item.age}}</view>
??<view>{{item.method("這是一個(gè)參數(shù)傳遞")}}</view>

??<view>{{item.name}}</view>
??<view>{{item.age}}</view>
??<view>{{item.method("這是一個(gè)參數(shù)傳遞")}}</view>

??<view>{{item.name}}</view>
??<view>{{item.age}}</view>
??<view>{{item.method("這是一個(gè)參數(shù)傳遞")}}</view>
</view>

module.wxs

//?module.wxs
var?module2?=?require("../wxs/module2.wxs")
var?name?="個(gè)人網(wǎng)站:idig8.com"
var?age?=?18;

var?method?=?function(obj){
??console.log(module2.name);
??console.log(module2.age);
??return?obj;
}

module.exports?={
??name?:name,
??age?:?age,
??method?:method
}

module2.wxs

//?module.wxs
var?name?="公眾號(hào)：編程坑太多"
var?age?=?28;

var?method?=?function(obj){
??return?obj;
}

module.exports?={
??name?:name,
??age?:?age,
??method?:method
}

PS：這次就是針對(duì)模塊引入模塊的方式，這種在實(shí)際開發(fā)中也是很常見的。