ES6 import & export

Node背景介紹

Node是一個(gè)js文件的執(zhí)行環(huán)境(類似于java的jvm),所以可以執(zhí)行任何js文件肴掷。在命令行輸入:node yourJSFileName.js 即可缭乘,執(zhí)行js文件中的內(nèi)容澈圈。

模塊化module

node.js模塊化系統(tǒng)中,每一個(gè)js文件都被看做是一個(gè)模塊module簇秒。在實(shí)際操作中,node既然可以執(zhí)行js文件秀鞭,肯定一個(gè)文件解決的問題有限(不方便維護(hù))趋观。所以扛禽,js文件可以引用其他js文件。詳細(xì)參考官方說明文檔: https://nodejs.org/api/modules.html

import && export

import & export 屬于ES6用法:

  1. Node 9 (?)之前不支持import & export皱坛,只能用require && module.exports
  2. jest測(cè)試框架目前不支持ES6

以上情況都需要使用babel對(duì)ES6的模塊輸出進(jìn)行處理旋圆,將所有輸出都賦值給exports,并帶上一個(gè)標(biāo)志_esModule標(biāo)明這個(gè)是由es6轉(zhuǎn)化來的ES5的commonjs輸出麸恍,再進(jìn)行編譯運(yùn)行灵巧。

babel將模塊的導(dǎo)出轉(zhuǎn)換為commonjs規(guī)范后,也會(huì)將引入 import 也轉(zhuǎn)換為 commonjs 規(guī)范抹沪。即采用 require 去引用模塊刻肄,再加以一定的處理,符合es6的使用意圖融欧。

import export語法

import defaultExport from "module-name";   // 針對(duì) export default defaltExport 的情況
import { export } from "module-name";   // 針對(duì) export export的情況
import { export as alias } from "module-name";   // 針對(duì) export export的情況,且指定了引用名敏弃,在該文件內(nèi)可使用引用名進(jìn)行使用
import { export1 , export2 } from "module-name";  //從同一module中引用多個(gè)常量、函數(shù)噪馏、文件麦到、模塊等
import { foo , bar } from "module-name/path/to/specific/un-exported/file";
import { export1 , export2 as alias2 , [...] } from "module-name";
import defaultExport, { export [ , [...] ] } from "module-name";
import defaultExport, * as name from "module-name";
import "module-name";

export & import 的對(duì)象可以是常量、函數(shù)欠肾、對(duì)象瓶颠、文件、模塊等

defaultExport
導(dǎo)入模塊的默認(rèn)導(dǎo)出接口的引用名刺桃,一個(gè)文件只能有一個(gè)export defalt粹淋,其他文件import時(shí)不需要加{}
**注意:export default const a = 12這種寫法是會(huì)報(bào)錯(cuò)的,default后直接跟要導(dǎo)出的內(nèi)容瑟慈,如

export default new ApolloClient();

module-name
要導(dǎo)入的模塊桃移。通常是包含目標(biāo)模塊的.js文件的相對(duì)或絕對(duì)路徑名,可以不包括.js擴(kuò)展名葛碧。某些特定的打包工具可能允許或需要使用擴(kuò)展或依賴文件借杰,它會(huì)檢查比對(duì)你的運(yùn)行環(huán)境。只允許單引號(hào)和雙引號(hào)的字符串进泼。

name
導(dǎo)入模塊對(duì)象整體的別名蔗衡,在引用導(dǎo)入模塊時(shí),它將作為一個(gè)命名空間來使用缘琅。

export, exportN
被導(dǎo)入模塊的導(dǎo)出接口的名稱粘都。

alias, aliasN
將import的對(duì)象(常量、模塊刷袍、函數(shù)翩隧、文件等)在導(dǎo)入的文件中重命名(因?yàn)閷?dǎo)出的模塊必須與導(dǎo)入的模塊命名一致,通過重命名可以避免當(dāng)前程序中有與之相同的同名對(duì)象,在導(dǎo)入文件中可以使用該名稱進(jìn)行調(diào)用堆生。
如:

import { bark as dogBark } from ../helper/animal
// 在該文件使用時(shí)专缠,可以如下使用
const sound = dogBark.sound   
alias重命名導(dǎo)入接口

使用舉例

export.png

export default.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市淑仆,隨后出現(xiàn)的幾起案子涝婉,更是在濱河造成了極大的恐慌,老刑警劉巖蔗怠,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件墩弯,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡寞射,警方通過查閱死者的電腦和手機(jī)渔工,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來桥温,“玉大人引矩,你說我怎么就攤上這事∏纸” “怎么了旺韭?”我有些...
    開封第一講書人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)掏觉。 經(jīng)常有香客問我区端,道長(zhǎng),這世上最難降的妖魔是什么履腋? 我笑而不...
    開封第一講書人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任珊燎,我火速辦了婚禮,結(jié)果婚禮上遵湖,老公的妹妹穿的比我還像新娘。我一直安慰自己晚吞,他們只是感情好延旧,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著槽地,像睡著了一般迁沫。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上捌蚊,一...
    開封第一講書人閱讀 51,443評(píng)論 1 302
  • 那天集畅,我揣著相機(jī)與錄音,去河邊找鬼缅糟。 笑死挺智,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的窗宦。 我是一名探鬼主播赦颇,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼二鳄,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了媒怯?” 一聲冷哼從身側(cè)響起订讼,我...
    開封第一講書人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎扇苞,沒想到半個(gè)月后欺殿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡鳖敷,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年脖苏,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片哄陶。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡帆阳,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出屋吨,到底是詐尸還是另有隱情蜒谤,我是刑警寧澤,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布至扰,位于F島的核電站鳍徽,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏敢课。R本人自食惡果不足惜阶祭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望直秆。 院中可真熱鬧濒募,春花似錦、人聲如沸圾结。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽筝野。三九已至晌姚,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間歇竟,已是汗流浹背挥唠。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留焕议,地道東北人宝磨。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國和親懊烤。 傳聞我的和親對(duì)象是個(gè)殘疾皇子梯醒,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容