JavaScript?ES6模塊導(dǎo)入和導(dǎo)出的方法
更新時間：2022年07月15日 16:42:23 作者：誰扔的炮仗啊
ES6在語言標(biāo)準(zhǔn)的層面上實現(xiàn)了模塊功能,而且實現(xiàn)的相當(dāng)簡單,完全可以取代CommonJS和AMD規(guī)范,成為瀏覽器和服務(wù)器通用的模塊解決方案,下面這篇文章主要給大家介紹了關(guān)于ES6模塊導(dǎo)入和導(dǎo)出的方法,需要的朋友可以參考下
前言：
ES6模塊化導(dǎo)入與導(dǎo)出有三種方式，1默認(rèn)導(dǎo)入導(dǎo)出，2按需導(dǎo)入導(dǎo)出，3默認(rèn)導(dǎo)出和整體導(dǎo)出一起使用。接下來我們分別使用下這三種方式
1.默認(rèn)導(dǎo)入導(dǎo)出
默認(rèn)導(dǎo)出的語法： export default 默認(rèn)導(dǎo)出的成員
默認(rèn)導(dǎo)入的語法： import 接收名稱 from '模塊路徑
2.按需導(dǎo)入導(dǎo)出
按需導(dǎo)出的語法： export const s1 = 10
按需導(dǎo)入的語法： import { 按需導(dǎo)入的名稱 } from '模塊路徑'
例如，我現(xiàn)在只想導(dǎo)入name 和 age
成功導(dǎo)入 張三、18
注意：1.我們這里是把a(bǔ)ge重命名為Age了，如果我們繼續(xù)以age去console.log(),會報錯
2.我們在導(dǎo)入的時候并沒有導(dǎo)入sex，也會報錯
第一種情況，age is not defined
第二種情況，sex is not defined
3.默認(rèn)導(dǎo)出和整體導(dǎo)出一起使用
總結(jié)
到此這篇關(guān)于JavaScript ES6模塊導(dǎo)入和導(dǎo)出的文章就介紹到這了,更多相關(guān)ES6模塊導(dǎo)入導(dǎo)出內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
下面小編就為大家分享一篇js 兩數(shù)組去除重復(fù)數(shù)值的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了如何利用JavaScript實現(xiàn)動態(tài)跟隨特效，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)JS有一定的幫助，感興趣的小伙伴可以了解一下2022-06-06
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)手指拖動選項排序，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-04-04
這篇文章主要為大家詳細(xì)介紹了bootstrap實現(xiàn)二級下拉菜單效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要介紹了多引號嵌套的變量命名的問題,需要的朋友可以參考下2014-05-05
相信很多同仁做的系統(tǒng)后到都是用frameset或iframe來加載不同頁面的，不可不知道大家有沒有注意到，當(dāng)frame框架中的頁面已經(jīng)加載完成后，可是ie瀏覽器的狀態(tài)欄還會一直顯示一個正在加載的狀態(tài)。2010-12-12
微信小程序點擊按鈕動態(tài)切換input的disabled禁用/啟用狀態(tài)功能
這篇文章主要介紹了微信小程序點擊按鈕動態(tài)切換input的disabled禁用/啟用狀態(tài)功能，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
這篇文章主要為大家詳細(xì)介紹了三步實現(xiàn)ionic3點擊退出app程序，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
優(yōu)雅而高效的JavaScript?try...catch語句詳解(js異常處理)
這篇文章主要給大家介紹了關(guān)于JavaScript中try...catch語句的相關(guān)資料,也就是js異常處理方法,try...catch是JavaScript中的錯誤處理機(jī)制,它的作用是捕獲和處理可能發(fā)生的錯誤,以避免程序崩潰,需要的朋友可以參考下2024-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)照片裁剪，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05