成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

Chrome 63 正式支持動態(tài)導(dǎo)入 | Dynamic import()

StonePanda / 2774人閱讀

摘要:導(dǎo)入的模塊必須是字符串字面量,不能是變量。動態(tài)導(dǎo)入可以讓我們進(jìn)行按需導(dǎo)入等特性。這意味著并不是繼承自,所以不能使用和。使用靜態(tài)導(dǎo)入可以在運(yùn)行之前構(gòu)建模塊的依賴關(guān)系,而動態(tài)導(dǎo)入可以在運(yùn)行時按需加載模塊。

dev-reading/fe 是一個閱讀、導(dǎo)讀、速讀的 repo,不要依賴于 dev-reading/fe 學(xué)習(xí)知識。本 repo 只是一個快速了解文章內(nèi)容的工具,并不提供全文解讀和翻譯。你可以通過本平臺快速了解文章里面的內(nèi)容,找到感興趣的文章,然后去閱讀全文。

本文地址:https://github.com/dev-readin...

閱讀時間大概 1 分鐘

瀏覽器支持:Chrome 63、 Safari 24 預(yù)覽版

TC39 proposal:https://github.com/tc39/propo...

Stage:3

規(guī)范:https://tc39.github.io/propos...

Static import

Chrome 61 開始支持 ES2015 的 modules。

import 導(dǎo)入的模塊必須是字符串字面量,不能是變量。因?yàn)?import 是在編譯時(pre-runtime)確定的,這要早于運(yùn)行時。如下代碼將報錯:

if (name === "jjc") {
  import myName from "./jjc";
} else {
  import myName from "./other";
}

下面代碼也會報錯:

const name = "jjc";
import myName from name;

靜態(tài)導(dǎo)入可以在編譯階段對代碼進(jìn)行靜態(tài)分析、構(gòu)建、tree-shaking 等。

Dynamic import()

動態(tài)導(dǎo)入可以讓我們進(jìn)行按需導(dǎo)入等特性。

語法:

import(moduleSpecifier)

import() 返回一個 Promise


注意import() 雖然看上去像一個函數(shù)調(diào)用,但其實(shí) import 只是恰好使用了括號語法而已(類似于 super())。
這意味著 import 并不是繼承自 Function.prototype,所以不能使用 callapply。
使用 const importAlias = import 也是不行的。甚至,import 根本就不是一個對象!

建議

"靜態(tài) import" 和"動態(tài) import()" 都同樣重要。使用靜態(tài)導(dǎo)入可以在運(yùn)行之前構(gòu)建模塊的依賴關(guān)系,而動態(tài)導(dǎo)入可以在運(yùn)行時按需加載模塊。

閱讀原文:Dynamic import()

討論地址:動態(tài) import()

如果你想?yún)⑴c討論,請點(diǎn)擊這里

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

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

相關(guān)文章

  • ES6之路之模塊詳解

    摘要:例如我們導(dǎo)入模塊,可以這么導(dǎo)入桃翁歡迎關(guān)注公眾號前端桃園報錯不能定義相同名字變量報錯,不能重新賦值小豬可以看到導(dǎo)入綁定這里不理解綁定,文章后面會解釋時,形式類似于對象解構(gòu),但實(shí)際上并無關(guān)聯(lián)。 歡迎訪問個人站點(diǎn) 簡介 何為模塊 一個模塊只不過是一個寫在文件中的 JavaScript 代碼塊。 模塊中的函數(shù)或變量不可用,除非模塊文件導(dǎo)出它們。 簡單地說,這些模塊可以幫助你在你的模塊中編寫...

    huashiou 評論0 收藏0
  • ELSE 技術(shù)周刊(2017.12.04期)

    摘要:版本支持動態(tài),對比九月支持的靜態(tài),動態(tài)會返回請求模塊命名空間的對象以供使用使用開發(fā)瀏覽器插件的過程與收獲初次認(rèn)識是在年阿里的論壇會上,只知道它是運(yùn)行在天生支持跨平臺性的語言,好像很值得關(guān)注。 團(tuán)隊(duì)分享 React 整潔代碼最佳實(shí)踐 作為開發(fā)人員不能僅僅滿足于代碼可以工作,而應(yīng)該讓代碼更易于編寫,閱讀和維護(hù),這篇文章介紹了很多 clean code 在 React 應(yīng)用開發(fā)上的最佳實(shí)踐。...

    Salamander 評論0 收藏0
  • webpack 4.0.0 release notes

    摘要:重大改變環(huán)境不再支持。它們允許在使用動態(tài)表達(dá)式時過濾文件。可以使用它來創(chuàng)建相對于應(yīng)用程序根目錄的東西啟用時,將標(biāo)志添加到上下文已替換為圖已更改之前以父子關(guān)系相關(guān)聯(lián)?,F(xiàn)在以父子關(guān)系相關(guān)聯(lián)。 重大改變(Big changes) 環(huán)境(Environment) 不再支持Node.js 4。源碼更新到更高的ecmascript環(huán)境版本。 使用(Usage) 您現(xiàn)在必須在兩種模式之間選...

    raledong 評論0 收藏0

發(fā)表評論

0條評論

StonePanda

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<