ES6语法——模块化

模块化

• 国外的require.js
• 国内sea.js

基本概念

• 模块引入 import
• 模块的导出 export

ES6的模块化语法

//a.js
//导出一个变量、一个函数、一个类
{
	export let A = 123;
	export function test(){
		console.log('test');
	}
	export class Hello{
		test(){
			console.log('class');
		}
	}
}
//b.js
{
	import {A,test,Hello} from './a'
	console.log(A,test,hello)
}

另一种书写方式

//a.js
//导出一个变量、一个函数、一个类
{
	export let A = 123;
	export function test(){
		console.log('test');
	}
	export class Hello{
		test(){
			console.log('class');
		}
	}
}
//b.js
{
	import {A} from './a'
	console.log(A)//123
}

另一种书写方式

//a.js
//导出一个变量、一个函数、一个类
{
	export let A = 123;
	export function test(){
		console.log('test');
	}
	export class Hello{
		test(){
			console.log('class');
		}
	}
}
//b.js
{
	import * as abc from './a'
	console.log(abc.A,abc.test)//123
}

最优书写方式

//a.js
//导出一个变量、一个函数、一个类
{
	let A = 123;
	function test(){
		console.log('test');
	}
	class Hello{
		test(){
			console.log('class');
		}
	}
	export default{
		A,
		test,
		Hello
	}
}
//b.js
{
	import abc from './a'
	console.log(abc.A)//123
}