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