js模块化-commonjs和es6

commonjs

commonjs模块语法

导出模块
module.exports = xxx
module.exports.xxx = value
或者
exports.xxx = value(推荐使用,没弄清楚区别就全部使用这个,避免同时使用)
导入模块
require

module.exports和exports区别

所有的exports收集到的属性和方法，都赋值给了module.exports。
当然，这有个前提，就是module.exports本身不具备任何属性和方法。
如果，module.exports已经具备一些属性和方法，那么exports收集来的信息将被忽略。

module.exports 初始值为一个空对象 {}
exports 是指向的 module.exports 的引用
require() 返回的是 module.exports 而不是 exports

同时使用module.exports和exports

// 情况1
module.exports = {
   a:1}
exports.b = 2;
// {a:1}
console.log(module.exports);

// 情况2
module.exports.a = 1;
exports.b = 2;
// {a:1,b:2}
console.log(module.exports);

module.exports.xxx = value和exports.xxx = value类似

module.exports.demo1 = function () {
   
    console.log("demo1方法")
}

exports.demo2 = function () {
   
    console.log("demo2方法")
}

commonjs例子

项目目录

commonjs
	-dist
	-src
		-module1.js
		-module2.js
		-module3.js
		-main.js
	-index.