小程序的模塊化，把磚磊成一個墩子，用的時候把整個墩子移走。js更好的調用，應用更加公用化。源碼：https://github.com/limingios/wxProgram.git 中的No.7

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

小程序的模塊化

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

• 構建utils-common類

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

1. 程序演示

events.js

//events.js
//獲取應用實例
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("你點擊我這里出來了!")
????console.log(e)
????console.log(e.currentTarget.dataset.fordate)

????common.sayHello("公眾號：編程坑太多")
????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ū)別如果用了 ${} 最外層需要用“符號，如果你喜歡老套路可以按照我的 “Goodbye ” + name + ” !” 這種。

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