es模塊能不能在node中執(zhí)行

本篇內(nèi)容主要講解“es模塊能不能在node中執(zhí)行”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“es模塊能不能在node中執(zhí)行”吧!

es模塊能在node中執(zhí)行；node從8.5.2版本開(kāi)始就支持原生es模塊，可以通過(guò)命令行選項(xiàng)打開(kāi)該功能，es模塊也即ECMAScript模塊，是一種JavaScript代碼重用機(jī)制，但是不能在es模塊中使用require()。

本文操作環(huán)境：Windows10系統(tǒng)、nodejs 12.19.0版、Dell G3電腦。

es模塊能在node中執(zhí)行

從版本 8.5.0 開(kāi)始，Node.js 開(kāi)始支持原生 ES 模塊，可以通過(guò)命令行選項(xiàng)打開(kāi)該功能。新功能很大程度上得歸功于 Bradley Farias。

1.演示

這個(gè)示例的代碼目錄結(jié)構(gòu)如下：

esm-demo/
 lib.mjs
 main.mjs

lib.mjs：

export function add(x, y) {
 return x + y;
}

main.mjs：

import {add} from './lib.mjs';
console.log('Result: '+add(2, 3));

運(yùn)行演示：

$ node --experimental-modules main.mjs
Result: 5

2.清單：需要注意的事情

ES 模塊：

·不能動(dòng)態(tài)導(dǎo)入模塊。但是 動(dòng)態(tài)import() 的相關(guān)工作正在進(jìn)行中，應(yīng)該很快就能提供支持。

·沒(méi)有元變量，如 __dirname 和 __filename。但是，有一個(gè)的類(lèi)似功能的提案：“import.meta”?？雌饋?lái)可能是這樣：

console.log(import.meta.url);

·現(xiàn)在所有模塊標(biāo)識(shí)符都是 URL（這部分在 Node.js 是新增的）：

·文件 - 帶文件擴(kuò)展名的相對(duì)路徑： ../util/tools.mjs

·庫(kù) - 沒(méi)有文件擴(kuò)展名，也沒(méi)有路徑 lodash

·如何更好地使 npm 庫(kù)在瀏覽器中也可用（不使用 bundler）仍有待觀察。一種可能性是引入 RequireJS 風(fēng)格的配置數(shù)據(jù)，將路徑映射到實(shí)際路徑。目前，在瀏覽器中使用 bare path 的模塊標(biāo)識(shí)符是非法的。

與 CJS 模塊的互操作性

你可以導(dǎo)入 CJS 模塊，但它們總是只有默認(rèn)的導(dǎo)出 - 即 module.exports 的值。讓 CJS 模塊支持命名導(dǎo)出已經(jīng)在做了，但可能需要一段時(shí)間。如果你能幫忙，可以來(lái)做。

import fs1 from 'fs';
console.log(Object.keys(fs1).length); // 86
import * as fs2 from 'fs';
console.log(Object.keys(fs2)); // ['default']

· 不能在 ES 模塊中使用 require()。主要原因是：

· 路徑解析工作稍有不同：ESM 不支持 NODE_PATH 和 require.extensions。而且，它的標(biāo)識(shí)符始終是 URL 也會(huì)導(dǎo)致一些細(xì)微差異。

· ES 模塊始終以異步方式加載，這確保了與 Web 的最大兼容性。這種加載風(fēng)格并不能通過(guò) require() 混合使用同步加載 CJS 模塊。

· 禁止同步模塊加載也可以為 Top-level await 導(dǎo)入 ES 模塊保留后路（一個(gè)當(dāng)前正在考慮的功能）。

到此，相信大家對(duì)“es模塊能不能在node中執(zhí)行”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！