module.exports知识点讲解:
module.exports对象是由模块系统创建的。在我们自己写模块的时候,需要在模块最后写好模块接口,声明这个模块对外暴露什么内容,module.exports 提供了暴露接口的方法。
1、返回一个JSON Object
varapp = {
name:'app',
version:'1.0.0',
sayName:function(name){
console.log(this.name); }}
module.exports= app;
保存文件名为app.js
这种方法可以返回全局共享的变量或者方法。
========================================
然后,在其他的js中调用这一段代码,需要require()方法
在需要的js代码的第一行加入这一行代码
varapp =require('./app.js');
app.sayName('hello');// 返回值为hello
app.version;//返回值为 '1.0.0'
===================================
2、返回一个构造函数
CLASS.js:
调用:
3、返回一个实例对象:
2.调用:
equire最常用的方法
require(‘http’) 内置模块
require(‘./server’) “./”表示当前路径,后面跟的是相对路径
require(“../lib/server”) ../表示上一级目录,后面跟的也是相对路径
在其他的js中调用模块代码,必须用相对路径,采用绝对路径是不正确的。
=============================
3.下面是实在小程序中的应用
首先,在小程序中创建一个根级文件夹data,在js代码块存放数据,数据可以是一个数据,对象,变量
varlocal_database = [
{
title:'紫藤萝瀑布',
content:'222辅导费'
},
{
title:'秋天的怀念',
content:'佛挡杀佛'
},
{
title:'值班表',
content:'格式化代码'
},
{
title:'紫藤萝瀑布',
content:'222辅导费'
},
{
title:'秋天的怀念',
content:'佛挡杀佛'
}
]
module.exports = {
postList: local_database
}
解释:在js代码的最后加入module.exports={ } module.exports是模板出口的意思。对象中采用键值对的形式。
当然了,模拟数据中不仅仅只有一个数组,例如还可以有一个变量
在数组后面再次添加:
var a="你好"
exports就变成这样:
module.exports = {
postList: local_database;
cc:a
}
postList是自己任意定义的变量,可以不经过声明
3.在其他的js文件中调用(小程序中)
第一步:varpostsData =require('../../data/posts-data.js')//只能采用相对路径,postsData获得对象
第二步:
onLoad:function(options) {
this.setData({
list: postsData.postList
});
}
postsData是一个对象,postList是前面定义的数组名字。
第三步:
在wxml中绑定数据
{}
用item.title就能获取模拟数据库中的所有title标题
=============================
小程序跳转到详情页,首先需要一个事件,catchtap='onPostTap',在js中书写事件函数。
onPostTap:fufnction(event){
congsole.log(event.)
}
领取专属 10元无门槛券
私享最新 技术干货