ES6語法的導出和導入默認成員和非默認成員學習筆記
1.ES6語法中使用export導出成員或者函數,對應的導入時需要使用import
2.export導出默認函數和默認成員時一個模塊(通常是一個js文件)只能有一個默認成員或者默認函數
(1)//導出默認函數
export default function(){
console.log("這是ES6語法111");
}
對應導入時並使用示例
import bar from "./bar" //導入
bar(); //調用
(2)//導出默認對象
export default{
name:"張三",
age:33
}
對應導入並使用
import obj from "./defaultObject"
console.log(obj)
console.log(obj.name)
3.導出導入非默認函數和非默認成員示例
//ES6語法導出默認函數,一個文件種只能 有一個默認函數或者一個默認對象
export default function(){
console.log("這是ES6語法111");
}
//ES6導出非默認成員
export const x=1;
export const y=20;
//es6導出非默認函數,導出非默認函數時需要給函數定義一個名字
export function add(x1,x2){
return x1+x2;
}
對應導入並使用
import {x,y,add} from "./bar" //導入bar文件種的x,y成員變量和add函數
console.log(x,y,add(10,30))
import * as bar from "./bar" //*表示導入bar文件種的所有成員和函數,包含默認成員和默認函數
bar.default()
console.log(bar.x,bar.y,bar.add(20,30))