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)出一起使用。接下來我們分別使用下這三種方式
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(),會報(bào)錯
2.我們在導(dǎo)入的時候并沒有導(dǎo)入sex,也會報(bào)錯
第一種情況,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ù)值的實(shí)例
下面小編就為大家分享一篇js 兩數(shù)組去除重復(fù)數(shù)值的實(shí)例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12基于JS實(shí)現(xiàn)動態(tài)跟隨特效的示例代碼
這篇文章主要介紹了如何利用JavaScript實(shí)現(xiàn)動態(tài)跟隨特效,文中的示例代碼講解詳細(xì),對我們學(xué)習(xí)JS有一定的幫助,感興趣的小伙伴可以了解一下2022-06-06微信小程序?qū)崿F(xiàn)手指拖動選項(xiàng)排序
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)手指拖動選項(xiàng)排序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-04-04bootstrap實(shí)現(xiàn)二級下拉菜單效果
這篇文章主要為大家詳細(xì)介紹了bootstrap實(shí)現(xiàn)二級下拉菜單效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-11-11微信小程序點(diǎn)擊按鈕動態(tài)切換input的disabled禁用/啟用狀態(tài)功能
這篇文章主要介紹了微信小程序點(diǎn)擊按鈕動態(tài)切換input的disabled禁用/啟用狀態(tài)功能,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03三步實(shí)現(xiàn)ionic3點(diǎn)擊退出app程序
這篇文章主要為大家詳細(xì)介紹了三步實(shí)現(xiàn)ionic3點(diǎn)擊退出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