微信小程序教程之模块化开发详细步骤解析

why 124 2024-09-09

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

微信小程序教程之模块化开发详细步骤解析

1

2

3

4

// app.js 

App({ 

 globalData: 1 

})

1

2

3

4

5

6

7

// 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++

1

2

3

4

5

// 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才能对外暴露接口。

1

2

3

4

5

6

7

// common.js 

function sayHello(name) { 

 console.log('Hello ' + name + '!') 

module.exports = { 

 sayHello: sayHello 

}

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

1

2

3

4

5

6

var common = require('common.js') 

Page({ 

 helloMINA: function() { 

 common.sayHello('MINA') 

 

})

以上就是全部内容。


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序 range-key 多列选择器使用示例详解
下一篇:微信小程序异步处理全面深入详解与示例
相关文章

 发表评论

暂时没有评论,来抢沙发吧~