JavaScript ES6模組匯入和匯出的方法

2022-07-15 22:01:18

前言：

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

預設匯出的語法： export default 預設匯出的成員

預設匯入的語法： import 接收名稱 from '模組路徑

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

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

例如，我現在只想匯入name 和 age

成功匯入張三、18

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

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

到此這篇關於JavaScript ES6模組匯入和匯出的文章就介紹到這了,更多相關ES6模組匯入匯出內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com！