ES6的導入和導出模塊

1.導出模塊

1.1普通的export導出方式

//先定義后導出 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}//--------------------------------------------------------------- //甚至可以這樣直接導出 export function sum(x,y){return x+y; } export var x = 10

1.2 export default導出方式

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

注意：

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

2.導入模塊

//import 后面接要導入的變量和函數 import {name} from './a.js' //當然導入也可以重命名 import {name as myname} from './a.js' //導入所有變量 import * from './a.js'

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。