ES6的導(dǎo)入和導(dǎo)出模塊

1.導(dǎo)出模塊

1.1普通的export導(dǎo)出方式

//先定義后導(dǎo)出 var name = 'zjl' var age = 18 function test1(){...} function test2(){....} function test3(){...} class class1{.....} //as:為更名 export {name,age} export { test1 as fun1,test2 as fun2,test3 as fun3} export {class1}//--------------------------------------------------------------- //甚至可以這樣直接導(dǎo)出 export function sum(x,y){return x+y; } export var x = 10

1.2 export default導(dǎo)出方式

//被default導(dǎo)出的模塊可以，在導(dǎo)入時可以隨意重命名導(dǎo)入的變量名 //并且export default只能使用一次，多次使用會報錯 export default function (){...} //如： import abc from './a.js'

注意：

• export default 只能使用一次，export可以使用多次
• export 和 export default 能一起使用。
• export 導(dǎo)出一定要指定對外接口（導(dǎo)入時要跟導(dǎo)出變量同名）
• export default 不需要指定對外接口（導(dǎo)入時是可以跟其他名字）

2.導(dǎo)入模塊

//import 后面接要導(dǎo)入的變量和函數(shù) import {name} from './a.js' //當(dāng)然導(dǎo)入也可以重命名 import {name as myname} from './a.js' //導(dǎo)入所有變量 import * from './a.js'

總結(jié)

以上是生活随笔為你收集整理的ES6的导入和导出模块的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。