ES6中
在JavaScript ES6中翠胰,export與export default均可用于導(dǎo)出常量、函數(shù)自脯、文件之景、模塊等。
你可以在其它文件或模塊中通過(guò)import+(常量 | 函數(shù) | 文件 | 模塊)名
的方式膏潮,將其導(dǎo)入锻狗,以便能夠?qū)ζ溥M(jìn)行使用,但在一個(gè)文件或模塊中焕参,export轻纪、import可以有多個(gè),export default僅有一個(gè)叠纷。
1.export
export const str = 'hello world'
export function f(a){
return a+1
}
對(duì)應(yīng)的導(dǎo)入方式:
import { str, f } from 'demo1' //也可以分開(kāi)寫(xiě)兩次刻帚,導(dǎo)入的時(shí)候帶花括號(hào)
2.export default
export default const str = 'hello world'
對(duì)應(yīng)的導(dǎo)入方式:
import str from 'demo1' //導(dǎo)入的時(shí)候沒(méi)有花括號(hào)
注意
1.import引入一個(gè)依賴包,不需要相對(duì)路徑涩嚣。import 引入一個(gè)自己寫(xiě)的js文件崇众,是需要相對(duì)路徑的。
示例:import axios from ‘a(chǎn)xios’;
import AppService from ‘./appService’;
2.用export拋出的變量航厚,import要用{}的方式引入顷歌,使用export default拋出的變量,只需要一個(gè)變量就行幔睬。
(1)
使用export拋出的變量需要用{}進(jìn)行import:
//a.js
export function getList(){};
//b.js
import { getList } from ‘./a.js’;
(2)
使用export default拋出的變量眯漩,只需要自己起一個(gè)名字就行:
//a.js
var obj = { name: ‘xiu’ };
export default obj;
//b.js
import aaa from ‘./a.js’;
console.log(aaa.name); // ‘xiu’;