JavaScript?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)出一起使用。接下來(lái)我們分別使用下這三種方式
1.默認(rèn)導(dǎo)入導(dǎo)出
默認(rèn)導(dǎo)出的語(yǔ)法： export default 默認(rèn)導(dǎo)出的成員
默認(rèn)導(dǎo)入的語(yǔ)法： import 接收名稱 from '模塊路徑
2.按需導(dǎo)入導(dǎo)出
按需導(dǎo)出的語(yǔ)法： export const s1 = 10
按需導(dǎo)入的語(yǔ)法： import { 按需導(dǎo)入的名稱 } from '模塊路徑'
例如，我現(xiàn)在只想導(dǎo)入name 和 age
成功導(dǎo)入 張三、18
注意：1.我們這里是把a(bǔ)ge重命名為Age了，如果我們繼續(xù)以age去console.log(),會(huì)報(bào)錯(cuò)
2.我們?cè)趯?dǎo)入的時(shí)候并沒(méi)有導(dǎo)入sex，也會(huì)報(bào)錯(cuò)
第一種情況，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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
小程序統(tǒng)計(jì)來(lái)源信息的方案與具體代碼
微信小程序數(shù)據(jù)統(tǒng)計(jì),現(xiàn)在有很多的統(tǒng)計(jì)方法和統(tǒng)計(jì)工具,下面這篇文章主要給大家介紹了關(guān)于小程序統(tǒng)計(jì)來(lái)源信息的方案與具體代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
這篇文章主要介紹了JS類(lèi)的定義與使用方法,結(jié)合實(shí)例形式深入分析了javascript類(lèi)的定義與屬性、方法的調(diào)用技巧,需要的朋友可以參考下2016-11-11
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)小星星特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
JavaScript實(shí)現(xiàn)獲取本機(jī)IP地址
這篇文章主要介紹了JavaScript實(shí)現(xiàn)獲取本機(jī)IP地址方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
這篇文章主要介紹了js對(duì)象簡(jiǎn)介與基本用法,結(jié)合實(shí)例形式分析了JavaScript對(duì)象的概念、功能、基本用法與操作注意事項(xiàng),需要的朋友可以參考下2020-03-03
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)上傳圖片到服務(wù)器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
相對(duì)于很多其他的面向?qū)ο笳Z(yǔ)言來(lái)說(shuō)，this代表的就是當(dāng)前對(duì)象。本篇文章通過(guò)實(shí)例給大家介紹js中的this關(guān)鍵字，感興趣的朋友一起看看吧2016-10-10
這篇文章主要介紹了JavaScript編程學(xué)習(xí)技巧匯總，整理了編程技巧、實(shí)用函數(shù)、簡(jiǎn)潔方法、編程細(xì)節(jié)等相關(guān)資料，感興趣的小伙伴們可以參考一下2016-02-02
超精準(zhǔn)的javascript驗(yàn)證身份證號(hào)的方法
這篇文章為大家分享了一個(gè)超精準(zhǔn)的javascript驗(yàn)證身份證號(hào)的具體實(shí)現(xiàn)方法，根據(jù)身份證號(hào)對(duì)其進(jìn)行性別的判定，感興趣的小伙伴們可以參考一下2015-11-11
BootStrap Table 分頁(yè)后重新搜索問(wèn)題的解決辦法
這篇文章主要介紹了BootStrap Table 分頁(yè)后重新搜索問(wèn)題的解決辦法,自定義搜索且有分頁(yè)功能,比如搜索產(chǎn)品名的功能。小編給大家?guī)?lái)了關(guān)鍵代碼，非常不錯(cuò)，需要的朋友可以參考下2016-08-08