成都网站建设设计

将想法与焦点和您一起共享

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

这篇文章主要为大家展示了“微信小程序中作用域和模块化的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“微信小程序中作用域和模块化的示例分析”这篇文章吧。

我们提供的服务有:成都网站建设、成都网站制作、微信公众号开发、网站优化、网站认证、都江堰ssl等。为上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的都江堰网站制作公司

文件作用域
在 JavaScript 文件中声明的变量和函数只在该文件中有效;不同的文件中可以声明相同名字的变量和函数,不会互相影响。
示例:
通过全局函数 getApp() 可以获取全局的应用实例,如果需要全局的数据可以在 App() 中设置,如:

/* app.js */  
App({  
  globalData: 1  
})
/* a.js */  
// 这是局部变量localValue  
var localValue = 'a'  
// 获取app.js的实例  
var app = getApp()  
// 通过app的示例来操作全局的变量  
app.globalData++
/* b.js */  
// 在不同的文件中可以重复定义localValue这个变量  
var localValue = 'b'  
// 如果a.js文件先执行,那么b.js获取到的就是a.js执行过的变量数值  
console.log(getApp().globalData)

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

示例:

/* 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')  
  }  
})

以上是“微信小程序中作用域和模块化的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


文章名称:微信小程序中作用域和模块化的示例分析
网页路径:http://chengdu.cdxwcx.cn/article/jspepp.html