小程序的模塊化，把磚磊成一個(gè)墩子，用的時(shí)候把整個(gè)墩子移走。js更好的調(diào)用，應(yīng)用更加公用化。源碼：https://github.com/limingios/wxProgram.git 中的No.7

創(chuàng)新互聯(lián)建站云計(jì)算的互聯(lián)網(wǎng)服務(wù)提供商,擁有超過(guò)13年的服務(wù)器租用、IDC機(jī)房托管、云服務(wù)器、虛擬主機(jī)、網(wǎng)站系統(tǒng)開(kāi)發(fā)經(jīng)驗(yàn)，已先后獲得國(guó)家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務(wù)許可證。專業(yè)提供云主機(jī)、虛擬主機(jī)、域名注冊(cè)、VPS主機(jī)、云服務(wù)器、香港云服務(wù)器、免備案服務(wù)器等。

小程序的模塊化

• 抽離通用方法作為通用函數(shù)

• 構(gòu)建utils-common類

1. 官方的闡述
   >https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/module.html

1. 程序演示

events.js

//events.js
//獲取應(yīng)用實(shí)例
const?app?=?getApp()

var?common?=?require('../untils/common.js')

Page({
??data:?{
????motto:?'Hello?World',
????userInfo:?{},
????hasUserInfo:?false,
????canIUse:?wx.canIUse('button.open-type.getUserInfo')
??},
??clickMe:?function(e){
????console.log("你點(diǎn)擊我這里出來(lái)了!")
????console.log(e)
????console.log(e.currentTarget.dataset.fordate)

????common.sayHello("公眾號(hào)：編程坑太多")
????common.sayGoodbye("[編程坑太多]")
??}
})

common.js

//?common.js
function?sayHello(name)?{
??console.log(`Hello?${name}?!`)
??console.log("Hello?"+name+"?!")
}
function?sayGoodbye(name)?{
??console.log(`Goodbye?${name}?!`)
??console.log("Goodbye?"?+?name?+?"?!")
}

module.exports.sayHello?=?sayHello
exports.sayGoodbye?=?sayGoodbye

PS：需要注意的是

?console.log(`Goodbye?${name}?!`)
?console.log("Goodbye?"?+?name?+?"?!")

區(qū)別如果用了 ${} 最外層需要用“符號(hào)，如果你喜歡老套路可以按照我的 “Goodbye ” + name + ” !” 這種。

>>原創(chuàng)文章，歡迎轉(zhuǎn)載。轉(zhuǎn)載請(qǐng)注明：轉(zhuǎn)載自IT人故事會(huì)，謝謝！
>>原文鏈接地址：「小程序JAVA實(shí)戰(zhàn)」 小程序抽離公用方法進(jìn)行模塊化（12）