您的当前位置:首页正文

微信小程序学习(8) —— 作用域和模块化

2024-11-26 来源:个人技术集锦

文件作用域
在 JavaScript 文件中声明的变量和函数只在该文件中有效;不同的文件中可以声明相同名字的变量和函数,不会互相影响。

示例:
通过全局函数 getApp() 可以获取全局的应用实例,如果需要全局的数据可以在 App() 中设置,如:

 

 
 
  1. /* a.js */

  2. // 这是局部变量localValue

  3. var localValue = 'a'

  4. // 获取app.js的实例

  5. var app = getApp()

  6. // 通过app的示例来操作全局的变量

  7. app.globalData++

 
  1. /* b.js */

  2. // 在不同的文件中可以重复定义localValue这个变量

  3. var localValue = 'b'

  4. // 如果a.js文件先执行,那么b.js获取到的就是a.js执行过的变量数值

  5. console.log(getApp().globalData)

模块化
我们可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。

 

示例:

 

 
  1. /* common.js */

  2. function sayHello(name) {

  3. console.log(`Hello ${name} !`)

  4. }

  5.  
  6. module.exports = { sayHello : sayHello}

在需要使用这些模块的文件中,使用 require(path) 将公共代码引入

 

 
  1. /* a.js */

  2. var common = require('common.js')

  3. Page({

  4. helloMINA: function() {

  5. common.sayHello('MINA')

  6. }

  7. })

内容转自:

显示全文