export default function 和 export function 的區(qū)別

張利勇發(fā)布于2019-08-23 14:02 / 1121人閱讀

摘要：第二組是不使用時，對應(yīng)的語句需要使用大括號。命令用于指定模塊的默認(rèn)輸出。所以，命令后面才不用加大括號，因為只可能唯一對應(yīng)命令。

// 第一組
export default function crc32() {}; // 輸出
import crc32 from "crc32"; // 輸入

// 第二組
export function crc32() {}; // 輸出
import {crc32} from "crc32"; // 輸入

第一組是使用 export default 時，對應(yīng)的 import 語句不需要使用大括號。

第二組是不使用 export default 時，對應(yīng)的 import 語句需要使用大括號。

export default命令用于指定模塊的默認(rèn)輸出。

顯然，一個模塊只能有一個默認(rèn)輸出，因此export default命令只能使用一次。

所以，import命令后面才不用加大括號，因為只可能唯一對應(yīng)export default命令。

原文地址

云服務(wù)器 GPU云服務(wù)器 javascript的function Exporting exported exports

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/99979.html

相關(guān)文章

ES6模塊默認(rèn)導(dǎo)出和變量綁定（Default Exports and Exporting bindi

摘要：背景現(xiàn)在最主流的模塊機(jī)制是和。模塊模塊導(dǎo)出的變量始終指向的是模塊內(nèi)部的變量，使用時可以獲得此變量的最新值。我們叫導(dǎo)出綁定。但是在看對默認(rèn)導(dǎo)出代碼的轉(zhuǎn)換時，發(fā)現(xiàn)實現(xiàn)并不使用。所以改了并不等于改了，自然的東西沒有變化。背景 JavaScript 現(xiàn)在最主流的模塊機(jī)制是 commonjs 和 ES6 module。兩者不單是語法上有所區(qū)別，在加載的時候也有所不同，譬如 commonjs 是...

Benedict Evans 2019-08-26 10:57 評論0 收藏0
JavaScript中AMD和ES6模塊的導(dǎo)入導(dǎo)出對比

摘要：每個模塊內(nèi)部，變量代表當(dāng)前模塊。這個變量是一個對象，它的屬性即是對外的接口。加載某個模塊，其實是加載該模塊的屬性。為了方便，為每個模塊提供一個變量，指向。這等同在每個模塊頭部，有一行這樣的命令。我們前端在開發(fā)過程中經(jīng)常會遇到導(dǎo)入導(dǎo)出功能，在導(dǎo)入時，有時候是require，有時候是import在導(dǎo)出時，有時候是exports，module.exports，有時候是export，expo...

劉明 2019-08-23 16:21 評論0 收藏0
深入 CommonJs 與 ES6 Module

摘要：目前主流的模塊規(guī)范模塊通用模塊如果你在文件頭部看到這樣的代碼，那么這個文件使用的就是規(guī)范實際上就是全局變量這三種風(fēng)格的結(jié)合這段代碼就是對當(dāng)前運(yùn)行環(huán)境的判斷，如果是環(huán)境就是使用規(guī)范，如果不是就判斷是否為環(huán)境，最后導(dǎo)出全局變量有了后我們的代碼和目前主流的模塊規(guī)范 UMD CommonJs es6 module umd 模塊（通用模塊） (function (global, facto...

sanyang 2019-08-23 14:42 評論0 收藏0
前端模塊化詳解

摘要：提倡依賴前置，在定義模塊的時候就要聲明其依賴的模塊。適用場景按需加載條件加載動態(tài)的模塊路徑注關(guān)于模塊化，詳細(xì)見阮一峰的入門模塊與模塊化區(qū)別模塊化的規(guī)范和兩種。模塊化開發(fā)方便代碼的管理，提高代碼復(fù)用性，降低代碼耦合，每個模塊都會有自己的作用域。當(dāng)前流行的模塊化規(guī)范有CommonJS，AMD，CMD，ES6的import／export CommonJS的主要實踐者就是nodejs,一般...

zhangfaliang 2019-08-23 17:11 評論0 收藏0
es6- export and import

摘要：如果我們想要包含得單獨(dú)導(dǎo)入和導(dǎo)出二和的注意點可能的錯誤在沒有的情況下，不能匿名函數(shù)前面我們講到可以在定義一個函數(shù)的時候就，但是這個函數(shù)不能是匿名函數(shù)，除非這個函數(shù)作為導(dǎo)出。一： export和import的正常用法1：export變量 // ./module/example.js export var firstName = roger; export const lastName...

Worktile 2019-08-23 17:05 評論0 收藏0