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
}