国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

StonePanda / 2663人閱讀

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

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

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

閱讀時(shí)間大概 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 是在編譯時(shí)（pre-runtime）確定的，這要早于運(yùn)行時(shí)。如下代碼將報(bào)錯(cuò):

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

下面代碼也會(huì)報(bào)錯(cuò)：

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

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

Dynamic import()

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

語法：

import(moduleSpecifier)

import() 返回一個(gè) Promise

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

建議

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

閱讀原文：Dynamic import()


討論地址：動(dòng)態(tài) import()


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

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

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

相關(guān)文章

  • ES6之路之模塊詳解

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

    huashiou 評(píng)論0 收藏0

  • ELSE 技術(shù)周刊(2017.12.04期)

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

    Salamander 評(píng)論0 收藏0

  • webpack 4.0.0 release notes

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

    raledong 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

StonePanda

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<