JavaScript 中的 import

keelii 發(fā)布于2019-08-22 16:49 / 2194人閱讀

摘要：請(qǐng)注意，在模塊中使用聲明的模塊不必命名。只使用聲明的模塊必須命名，否則無法訪問可以使用作為命名空間，以的方式，訪問模塊中所有以聲明的內(nèi)容。這兩種組合出現(xiàn)的數(shù)量不限。執(zhí)行模塊的全局代碼，不導(dǎo)入任何內(nèi)容。

參考資料：https://developer.mozilla.org...

import defaultExport from "module-name";

模塊module-name必須使用export default聲明一個(gè)變量、函數(shù)或者類（合稱為“內(nèi)容”，下同）。

可以使用defaultExport直接訪問模塊module-name中以export default聲明的內(nèi)容。

請(qǐng)注意，在模塊module-name中：

使用export default聲明的模塊不必命名。

只使用export聲明的模塊必須命名，否則無法訪問！

import * as name from "module-name";

可以使用name作為命名空間，以name.somethingExport的方式，訪問模塊module-name中所有以export聲明的內(nèi)容。

import { export } from "module-name";

可以使用export訪問模塊module-name中以export聲明的內(nèi)容export。

import { export as alias } from "module-name";

可以使用alias訪問模塊module-name中以export聲明的內(nèi)容export。

import { export1 , export2 } from "module-name";

可以使用export1和export2訪問模塊module-name中以export聲明的內(nèi)容export1和內(nèi)容export2。

import { export1 , export2 as alias2 , [...] } from "module-name";

可以使用export1和alias2訪問模塊module-name中以export聲明的內(nèi)容export1和內(nèi)容export2。

這兩種組合出現(xiàn)的數(shù)量不限。

import defaultExport, { export [ , [...] ] } from "module-name";

上述 #1 和 #6 的組合。

import defaultExport, * as name from "module-name";

上述 #1 和 #2 的組合。

import "module-name";

執(zhí)行模塊module-name的全局代碼，不導(dǎo)入任何內(nèi)容。

GPU云服務(wù)器云服務(wù)器 javascript中的 javaScript中的this javascript中的函數(shù) javascript中的二維數(shù)組

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/94690.html

相關(guān)文章

學(xué)習(xí)React之前你需要知道的的JavaScript基礎(chǔ)知識(shí)

摘要：和類在開始時(shí)遇到類組件，只是需要有關(guān)類的基礎(chǔ)。畢竟，中的條件呈現(xiàn)僅再次顯示大多數(shù)是而不是特定的任何內(nèi)容。在我的研討會(huì)期間，更多的材料是關(guān)于JavaScript而不是React。其中大部分歸結(jié)為JavaScript ES6以及功能和語法，但也包括三元運(yùn)算符，語言中的簡(jiǎn)寫版本，此對(duì)象，JavaScript內(nèi)置函數(shù)（map，reduce，filter）或更常識(shí)性的概念，如：可組合性，可重用...

bitkylin 2019-08-02 11:01 評(píng)論0 收藏0
CSS和網(wǎng)絡(luò)性能

摘要：對(duì)于性能來說真的非常糟糕。的推出使網(wǎng)頁性能提高了大約，所有這些都不需要開發(fā)人員參與。這意味著和中的存在錯(cuò)誤。將放在中這個(gè)最終策略是一個(gè)相對(duì)較新的策略，對(duì)感知性能和漸進(jìn)式渲染有很大好處。 CSS對(duì)于呈現(xiàn)頁面至關(guān)重要 - 在找到，下載和解析所有CSS之前，瀏覽器不會(huì)開始呈現(xiàn) - 因此我們必須盡可能快地將其加載到用戶的設(shè)備上。關(guān)鍵路徑上的任何延遲都會(huì)影響我們的開始渲染并讓用戶看到空白屏幕。...

chanthuang 2019-08-02 12:11 評(píng)論0 收藏0
CSS和網(wǎng)絡(luò)性能

摘要：對(duì)于性能來說真的非常糟糕。的推出使網(wǎng)頁性能提高了大約，所有這些都不需要開發(fā)人員參與。這意味著和中的存在錯(cuò)誤。將放在中這個(gè)最終策略是一個(gè)相對(duì)較新的策略，對(duì)感知性能和漸進(jìn)式渲染有很大好處。 CSS對(duì)于呈現(xiàn)頁面至關(guān)重要 - 在找到，下載和解析所有CSS之前，瀏覽器不會(huì)開始呈現(xiàn) - 因此我們必須盡可能快地將其加載到用戶的設(shè)備上。關(guān)鍵路徑上的任何延遲都會(huì)影響我們的開始渲染并讓用戶看到空白屏幕。...

techstay 2019-08-29 17:30 評(píng)論0 收藏0
javascript中為什么我們不能直接使用export?

摘要：我們可以認(rèn)為，宏任務(wù)中還有微任務(wù)這里不再多做解釋可能會(huì)執(zhí)行的代碼包括腳本模塊和函數(shù)體。聲明聲明永遠(yuǎn)作用于腳本模塊和函數(shù)體這個(gè)級(jí)別，在預(yù)處理階段，不關(guān)心賦值的部分，只管在當(dāng)前作用域聲明這個(gè)變量。相信很多人最開始時(shí)都有過這樣的疑問假如我的項(xiàng)目目錄下有一個(gè) index.html, index.js 于是我像這樣寫在瀏覽器之間打開index.html，發(fā)現(xiàn)showImg(https://...

URLOS 2019-08-26 14:04 評(píng)論0 收藏0
TypeScript 中的多種 import 解義

摘要：中有多種的方式，而中針對(duì)這種情況做了多種語法，最常見的就是這種。這篇文章主要來講解中不同的具有什么意義。因?yàn)橹械哪K大部分都是通過語法進(jìn)行導(dǎo)出的。從而達(dá)到針對(duì)的兼容。個(gè)人建議將重命名。 JavaScript 中有多種 export 的方式，而 TypeScript 中針對(duì)這種情況做了多種 import 語法，最常見的就是 import * as path from path 這種。這篇...

chanthuang 2019-08-23 15:24 評(píng)論0 收藏0