微信小程序中作用域和模塊化的示例分析

這篇文章主要為大家展示了“微信小程序中作用域和模塊化的示例分析”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“微信小程序中作用域和模塊化的示例分析”這篇文章吧。

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

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

/* a.js */  
// 這是局部變量localValue  
var localValue = 'a'  
// 獲取app.js的實(shí)例  
var app = getApp()  
// 通過(guò)app的示例來(lái)操作全局的變量  
app.globalData++

/* b.js */  
// 在不同的文件中可以重復(fù)定義localValue這個(gè)變量  
var localValue = 'b'  
// 如果a.js文件先執(zhí)行，那么b.js獲取到的就是a.js執(zhí)行過(guò)的變量數(shù)值  
console.log(getApp().globalData)

模塊化
我們可以將一些公共的代碼抽離成為一個(gè)單獨(dú)的 js 文件，作為一個(gè)模塊。模塊只有通過(guò) module.exports 或者 exports 才能對(duì)外暴露接口。

示例：

/* common.js */  
function sayHello(name) {  
  console.log(`Hello ${name} !`)  
}  
  
module.exports = { sayHello : sayHello}

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

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

以上是“微信小程序中作用域和模塊化的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！