ES6模块化

最新推荐文章于 2024-06-07 09:30:00 发布

drunk喵咪

最新推荐文章于 2024-06-07 09:30:00 发布

阅读量187

点赞数

分类专栏： es6 文章标签： es6模块化

本文链接：https://blog.csdn.net/jdrunk/article/details/102555457

版权

es6 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

ES6的模块化

CommonJS模块化

module.exports = 暴露接口
require(模块名称/路径)

ES6模块化

export 暴露的接口
import {} from "模块名称/路径"

1、定义模块，通过export暴露接口

module1.js
	export let a = 3;
	export function sayHello(){
}
index.js
	import {a,sayHello} from './module1'

2、定义模块，通过export default 暴露接口

module1.js
	let a = 3;
	function sayHello(){

	}
	export default {
		a,
		sayHello
	}	
index.js
	import module1 from './module1'
	module1.sayHello

3、 nodejs如何支持es6的模块化
1) es6->es5

4.、案例：

module1.js
	let name= "module1";
	// 单独暴露
	export function sayName(){
	    console.log("my name is",this.name);
	}
	export function sayHello(){
	    console.log("hello world");
	}
	
index.js
	import {sayName} from './module1'

5、案例

module1.js
	let name= "module1";
	function sayAge(){},
	function sayGender(){}
	// 默认集体暴露
	export default {
	    sayAge,
	    sayGender
	}
index.js
	import m from './module1'
	m.sayAge()