前端模块化

最新推荐文章于 2024-09-06 22:20:29 发布

hjp_001

最新推荐文章于 2024-09-06 22:20:29 发布

阅读量56

点赞数

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/hjp_001/article/details/120972907

版权

1 篇文章 0 订阅

订阅专栏

本文探讨了如何在Node.js中使用ES5和ES6模块化，分别通过`require`和`import`实现，并介绍了两种方法的转换和实际运行。重点在于比较和实践ES5的CommonJS与ES6的模块导入导出方式。

摘要由CSDN通过智能技术生成

ES5模块化

a.js

// 引入模块并调用
const b = require("./b.js")

b.f1();
b.f2()

b.js

// 定义模块
const f1 = function(){
	console.log("f1")
}
const f2 = function(){
	console.log("f2")
}

module.exports = {
	f1,
	f2
}

运行

>node a.js

a.js

// 引入模块并调用
import {f1,f2} from './b.js'

f1();
f2()

b.js

// 定义模块
export function f1(){
	console.log("f1")
}
export function f2(){
	console.log("f2")
}

运行

>node a.js

a.js

// 引入模块并调用
import b from './b.js'

b.f1();
b.f2()

b.js

// 定义模块
export default {
	f1(){
		console.log("f1")
	},
	f2(){
		console.log("f2")
	}
}

运行

>node a.js

关注