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

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

摘要：第二組是不使用時(shí)，對(duì)應(yīng)的語(yǔ)句需要使用大括號(hào)。命令用于指定模塊的默認(rèn)輸出。所以，命令后面才不用加大括號(hào)，因?yàn)橹豢赡芪ㄒ粚?duì)應(yīng)命令。

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

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

第一組是使用 export default 時(shí)，對(duì)應(yīng)的 import 語(yǔ)句不需要使用大括號(hào)。

第二組是不使用 export default 時(shí)，對(duì)應(yīng)的 import 語(yǔ)句需要使用大括號(hào)。

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

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

所以，import命令后面才不用加大括號(hào)，因?yàn)橹豢赡芪ㄒ粚?duì)應(yīng)export default命令。

原文地址

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

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

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

相關(guān)文章

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

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

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

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

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

摘要：目前主流的模塊規(guī)范模塊通用模塊如果你在文件頭部看到這樣的代碼，那么這個(gè)文件使用的就是規(guī)范實(shí)際上就是全局變量這三種風(fēng)格的結(jié)合這段代碼就是對(duì)當(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 評(píng)論0 收藏0
前端模塊化詳解

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

zhangfaliang 2019-08-23 17:11 評(píng)論0 收藏0
es6- export and import

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

Worktile 2019-08-23 17:05 評(píng)論0 收藏0