JavaScript ES6模塊導入和導出的方法

Posted on by

前言：

ES6模塊化導入與導出有三種方式，1默認導入導出，2按需導入導出，3默認導出和整體導出一起使用。接下來我們分別使用下這三種方式

1.默認導入導出

默認導出的語法： export default 默認導出的成員

默認導入的語法： import 接收名稱 from '模塊路徑

2.按需導入導出

按需導出的語法： export const s1 = 10

按需導入的語法： import { 按需導入的名稱 } from '模塊路徑'

例如，我現在隻想導入name 和 age

成功導入 張三、18

 註意：1.我們這裡是把age重命名為Age瞭，如果我們繼續以age去console.log(),會報錯

            2.我們在導入的時候並沒有導入sex，也會報錯

第一種情況，age is not defined

第二種情況，sex is not defined

 3.默認導出和整體導出一起使用

總結

到此這篇關於JavaScript ES6模塊導入和導出的文章就介紹到這瞭,更多相關ES6模塊導入導出內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：