es6 import與export

ES6模塊中,頂層this指向undefined,不應(yīng)該在頂層代碼使用this

一個(gè)模塊就是一個(gè)獨(dú)立的文件,該文件內(nèi)部的所有變量,外部無法獲取

export命令輸出的接口與其對(duì)應(yīng)的值是動(dòng)態(tài)綁定關(guān)系,即通過該接口可獲取模塊內(nèi)部實(shí)時(shí)的值

import命令大括號(hào)里的變量名必須與被導(dǎo)入模塊對(duì)外接口的名稱相同

import命令輸入的變量只讀(本質(zhì)是輸入接口),不允許在加載模塊的腳本里改寫接口

import命令命令具有提升效果,會(huì)提升到整個(gè)模塊的頭部,首先執(zhí)行

重復(fù)執(zhí)行同一句import語句,只會(huì)執(zhí)行一次

export default命令只能使用一次

export default命令導(dǎo)出的整體模塊,在執(zhí)行import命令時(shí)其后不能跟大括號(hào)

export default命令本質(zhì)是輸出一個(gè)名為default的變量,后面不能跟變量聲明語句

export default命令本質(zhì)是將后面的值賦給名為default的變量,可直接將值寫在其后

export default命令和export {}命令可同時(shí)存在,對(duì)應(yīng)復(fù)合導(dǎo)入

export命令和import命令可出現(xiàn)在模塊任何位置,只要處于模塊頂層即可,不能處于塊級(jí)作用域

import()加載模塊成功后,此模塊會(huì)作為一個(gè)對(duì)象,當(dāng)作then()的參數(shù),可使用對(duì)象解構(gòu)賦值來獲取輸出接口

同時(shí)動(dòng)態(tài)加載多個(gè)模塊時(shí),可使用Promise.all()和import()相結(jié)合來實(shí)現(xiàn)

import()和結(jié)合async/await來書寫同步操作的代碼

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ES6模塊機(jī)制 commonjs 在node環(huán)境下跑 ES6 esModule 前段使用為主 webpack co...
    葉戲塵閱讀 889評(píng)論 0 2
  • 1、export default import 加載模塊時(shí),需要知道所要加載的變量名或者函數(shù)名,否則無法加載。 e...
    SailingBytes閱讀 875評(píng)論 0 1
  • 參考地址 http://www.itdecent.cn/p/be2d4eab3878 module.export...
    16manman閱讀 655評(píng)論 0 3
  • 在ES6之前,模塊加載方案,最主要的有CommonJS和AMD兩種。前者用于服務(wù)器,后者用于瀏覽器。ES6實(shí)現(xiàn)了模...
    oWSQo閱讀 638評(píng)論 0 0
  • 模塊通常是指編程語言所提供的代碼組織機(jī)制,利用此機(jī)制可將程序拆解為獨(dú)立且通用的代碼單元。所謂模塊化主要是解決代碼分...
    MapleLeafFall閱讀 1,258評(píng)論 0 0

友情鏈接更多精彩內(nèi)容