ES6語法中的導出和導出export/import

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))

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章