微信小程序 模塊化

微信小程序模塊化開發(fā) 在微信小程序開發(fā)中，文件作用域是十分重要的概念。JavaScript文件中聲明的變量和函數(shù)只在該文件中有效；不同的文件中可以聲明相同名字的變量和函數(shù)，不會互相影響。如果需要在多個(gè)文件中共享數(shù)據(jù)，可以通過全局函數(shù)`getApp()`獲取全局的應(yīng)用實(shí)例，并在該實(shí)例的`globalData`屬性中設(shè)置。同時(shí)，在模塊化開發(fā)中，我們可以將一些公共的代碼抽離成為一個(gè)單獨(dú)的js文件，作為一個(gè)模塊。需要使用`module.exports`或者`exports`來對外暴露接口。 1. 文件作用域 在小程序中，每個(gè)JS文件都有自己的作用域。不同JS文件中定義的變量和函數(shù)不會互相干擾?？梢酝ㄟ^全局函數(shù)`getApp()`獲取小程序的應(yīng)用實(shí)例，從而獲取全局?jǐn)?shù)據(jù)。 例如： ``` // app.js App({ globalData: 1 // 全局?jǐn)?shù)據(jù) }) // a.js // 僅在a.js中可用的局部變量 var localValue = 'a' // 獲取應(yīng)用實(shí)例 var app = getApp() // 修改全局?jǐn)?shù)據(jù) app.globalData++ // b.js // 可以在b.js中重新定義局部變量localValue，不會影響到a.js中的localValue var localValue = 'b' // 如果a.js先被執(zhí)行了，則此時(shí)globalData應(yīng)該為2 console.log(getApp().globalData) ``` 2. 模塊化 在模塊化開發(fā)中，我們可以將一些公共的代碼抽離成為一個(gè)單獨(dú)的JS文件作為一個(gè)模塊。需要使用`module.exports`或者`exports`來對外暴露接口。 例如： ``` // common.js function sayHello(name) { console.log(`Hello ${name}!`) } function sayGoodbye(name) { console.log(`Goodbye ${name}!`) } module.exports.sayHello = sayHello exports.sayGoodbye = sayGoodbye // page.js var common = require('common.js') Page({ helloMINA: function() { common.sayHello('MINA') }, goodbyeMINA: function() { common.sayGoodbye('MINA') } }) ``` 需要注意的是，在小程序中，`require`暫時(shí)不支持絕對路徑。此外，小程序目前不支持直接引入`node_modules`，如果需要使用相關(guān)的代碼，則需要拷貝到小程序的目錄中。 以上是關(guān)于微信小程序模塊化開發(fā)的簡要介紹。通過文件作用域和模塊化的使用，可以提高小程序開發(fā)的效率和可維護(hù)性，也方便不同團(tuán)隊(duì)的協(xié)作開發(fā)。

<本文由himall原創(chuàng)，商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請標(biāo)明：himall原創(chuàng)>