Chrome 63 正式支持動態導入 | Dynamic import()

StonePanda 發布于2019-08-21 17:43 / 2684人閱讀

摘要：導入的模塊必須是字符串字面量，不能是變量。動態導入可以讓我們進行按需導入等特性。這意味著并不是繼承自，所以不能使用和。使用靜態導入可以在運行之前構建模塊的依賴關系，而動態導入可以在運行時按需加載模塊。

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

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

閱讀時間大概 1 分鐘

瀏覽器支持：Chrome 63、 Safari 24 預覽版

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

Stage：3

規范：https://tc39.github.io/propos...

Static import

Chrome 61 開始支持 ES2015 的 modules。

import 導入的模塊必須是字符串字面量，不能是變量。因為 import 是在編譯時（pre-runtime）確定的，這要早于運行時。如下代碼將報錯:

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

下面代碼也會報錯：

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

靜態導入可以在編譯階段對代碼進行靜態分析、構建、tree-shaking 等。

Dynamic import()

動態導入可以讓我們進行按需導入等特性。

語法：

import(moduleSpecifier)

import() 返回一個 Promise

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

建議

"靜態 import" 和"動態 import()" 都同樣重要。使用靜態導入可以在運行之前構建模塊的依賴關系，而動態導入可以在運行時按需加載模塊。

閱讀原文：Dynamic import()
討論地址：動態 import()
如果你想參與討論，請點擊這里

GPU云服務器云服務器 chrome 支持webrtc chrome 支持 webrtc chrome不支持webrtc webrtc chrome不支持

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/89916.html

ES6之路之模塊詳解

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

huashiou 2019-08-22 17:13 評論0 收藏0
ELSE 技術周刊(2017.12.04期)

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

Salamander 2019-08-21 17:53 評論0 收藏0
webpack 4.0.0 release notes

摘要：重大改變環境不再支持。它們允許在使用動態表達式時過濾文件。可以使用它來創建相對于應用程序根目錄的東西啟用時，將標志添加到上下文已替換為圖已更改之前以父子關系相關聯。現在以父子關系相關聯。重大改變（Big changes）環境（Environment）不再支持Node.js 4。源碼更新到更高的ecmascript環境版本。使用（Usage）您現在必須在兩種模式之間選...

raledong 2019-08-23 12:17 評論0 收藏0