微信小程序中 使用require方法加载js模块儿文件,export暴露接口 其中有CommonJS ES6两种标准

菜鸡第一次接触前端,才了解到有两种模范标准

一.CommonJS标准:module.exports、exports

每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。
CommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exports属性(即module.exports)是对外的接口。加载某个模块,其实是加载该模块的module.exports属性。

1.暴露接口:
将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块通过 module.exports对外暴露接口。
这有好几种写法:

//module.js
var a=1;
b=function(a){
return a+1};
};
module.exports.a=a;
module.exports.add=add;
module.exports={a:a};

也可以exports.a=a;因为CommonJS标准中,给每个模块头部提供一个exports变量(内部实现:var exports = module.exports
2.调用接口:
​在需要使用这些模块的文件中,使用 require 将公共代码引入。

var date=require('../module.js');
console.log(date.a);//1
console.log(date.b(1));//2

二.ES6标准:export,import,export default(直接在变量或者函数头前面加上export)

ES6规定必须与模块内部的变量建立一一对应关系。
1.暴露接口:

//module.js
var a=1;
b=function(a){
return a+1};
};
var c=2;
export var d=3;
export{a,b,c};
export{a as aa,b as bb};//as是别名,import的时候还是选取别名

2.调用接口:

import{a,b,c} from '../module.js'
import{aa,bb} from '../module.js'

**

注意微信小程序中import只能使用相对路径!!!

**

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值