小程序中什么是模塊化

這篇文章將為大家詳細講解有關(guān)小程序中什么是模塊化，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

文件作用域
在JavaScript文件中聲明的變量和函數(shù)只在該文件中有效；不同的文件中可以聲明相同名字的變量和函數(shù)，不會互相影響。
通過全局函數(shù)getApp()可以獲取全局的應用實例，如果需要全局的數(shù)據(jù)可以在App()中設(shè)置，如：

// app.js  
App({  
 globalData: 1  
})

// a.js  
// The localValue can only be used in file a.js.  
var localValue = 'a'  
// Get the app instance.  
var app = getApp()  
// Get the global data and change it.  
app.globalData++

// b.js  
// You can redefine localValue in file b.js, without interference with the localValue in a.js.  
var localValue = 'b'  
// If a.js it run before b.js, now the globalData shoule be 2.  
console.log(getApp().globalData)

模塊化
我們可以將一些公共的代碼抽離成為一個單獨的js文件，作為一個模塊。模塊只有通過module.exports才能對外暴露接口。

// common.js  
function sayHello(name) {  
 console.log('Hello ' + name + '!')  
}  
module.exports = {  
 sayHello: sayHello  
}

在需要使用這些模塊的文件中，使用require(path)將公共代碼引入。

var common = require('common.js')  
Page({  
 helloMINA: function() {  
 common.sayHello('MINA')  
 }  
})

關(guān)于“小程序中什么是模塊化”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。