国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

在 ES 模塊(Node.js)中導(dǎo)入 JSON 文件

這篇具有很好參考價(jià)值的文章主要介紹了在 ES 模塊(Node.js)中導(dǎo)入 JSON 文件。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

使用 fs 模塊讀取和解析 JSON 文件

Node.js 文檔建議使用 fs 模塊并自己完成讀取文件和解析的工作。

import { readFile } from 'fs/promises'
const json = JSON.parse(
  await readFile(
    new URL('./some-file.json', import.meta.url)
  )
)

這種方法比起我們接下來用的第二種方法更容易理解。

利用 CommonJS require 方法加載 JSON 文件

我們還可以使用 createRequire 加載 JSON 文件。

createRequire 允許您構(gòu)造 CommonJS require 方法,以便可以使用典型的 CommonJS 功能,例如在 Node.js 中讀取 JSON ES 模塊。

import { createRequire } from 'module'
const require = createRequire(import.meta.url)
const data = require('./data.json')

前兩種的區(qū)別:

  • 二者的區(qū)別是 require 機(jī)制情況下,如果多個(gè)模塊都加載了同一個(gè) JSON 文件,那么其中一個(gè)改變了 JS 對(duì)象,其它跟著改變,這是由 Node 模塊的緩存機(jī)制造成的,只有一個(gè) JS 模塊對(duì)象
  • 第一種方式可以隨意改變加載后的 JS 變量,而且各模塊互不影響,因?yàn)樗麄兌际仟?dú)立的,是多個(gè) JS 對(duì)象。

import Assertions

JSON 模塊已經(jīng)存在于 Chrome 91,它看起來就像一個(gè) ES Modules 風(fēng)格的導(dǎo)入,只是你在最后設(shè)置了類型。

import data from './data.json' assert { type: 'json' }

console.log(data)

當(dāng) Chrome 中有解決方案時(shí),它很快就會(huì)在 Node.js 中發(fā)布。文章來源地址http://www.zghlxwxcb.cn/news/detail-462667.html

到了這里,關(guān)于在 ES 模塊(Node.js)中導(dǎo)入 JSON 文件的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • Node.js - fs模塊、path模塊、http模塊、Node.js模塊化(ECMAScript標(biāo)準(zhǔn)的導(dǎo)出和導(dǎo)入)、包、npm包的管理和安裝依賴、nodemon

    Node.js - fs模塊、path模塊、http模塊、Node.js模塊化(ECMAScript標(biāo)準(zhǔn)的導(dǎo)出和導(dǎo)入)、包、npm包的管理和安裝依賴、nodemon

    什么是 Node.js,有什么用,為何能獨(dú)立執(zhí)行 JS 代碼,演示安裝和執(zhí)行 JS 文件內(nèi)代碼? Node.js 是一個(gè)獨(dú)立的 JavaScript 運(yùn)行環(huán)境,能獨(dú)立執(zhí)行 JS 代碼,因?yàn)檫@個(gè)特點(diǎn),它可以用來 編寫服務(wù)器后端的應(yīng)用程序 在** 傳統(tǒng)Web開發(fā)中,瀏覽器就是JavaScript的運(yùn)行時(shí)環(huán)境 **, 因?yàn)樗峁┝?/p>

    2024年02月02日
    瀏覽(31)
  • JS 變量保存為本地json文件,讀取本地json文件為變量

    一、變量保存為本地json文件: 第一步:把返回的數(shù)據(jù)轉(zhuǎn)成json格式 ???????????????? var content = json.stringify(data); 第二步:把轉(zhuǎn)成blob這種格式 ? ? ? ? ? ? ? ?var blob = new blob([content], {type: \\\"text/plain;charset=utf-8\\\"}); 第三步:調(diào)用保存 saveas? 和文件名字 ??????? ??????

    2024年02月08日
    瀏覽(87)
  • Node.js開發(fā)、CommondJS 、ES-Module模塊化設(shè)計(jì)

    Node.js開發(fā)、CommondJS 、ES-Module模塊化設(shè)計(jì)

    目錄 ?Node.js是什么 基礎(chǔ)使用 Node的REPL 全局變量 ?模塊化設(shè)計(jì) CommondJS規(guī)范 ?基礎(chǔ)使用exports和module.exports require ?CommondJS優(yōu)缺點(diǎn) AMD和CMD規(guī)范 ES_Module ?基本使用方法 導(dǎo)出 導(dǎo)入 ?結(jié)合使用 默認(rèn)導(dǎo)出 ES Module解析流程 ?Node與瀏覽器的對(duì)比 ?在瀏覽器中,HTML與CSS交給Blink處理,如果其

    2023年04月21日
    瀏覽(31)
  • 【Node】Node.Js--fs文件系統(tǒng)模塊

    文件包含文件形式和目錄形式 1. 獲取文件信息狀態(tài) 2. 創(chuàng)建目錄 3. 移除目錄 4. 讀取目錄 5. 寫入文件 如果文件不存在,會(huì)先創(chuàng)建文件然后寫入 如果文件已經(jīng)存在,會(huì)清空文件中的內(nèi)容然后寫入數(shù)據(jù) 6. 追加寫入 如果文件不存在,會(huì)先創(chuàng)建文件,然后寫入數(shù)據(jù) 如果文件已經(jīng)存在

    2024年04月23日
    瀏覽(28)
  • Vue中JSON文件神奇應(yīng)用fetch、axios異步加載與模塊導(dǎo)入全指南

    Vue中JSON文件神奇應(yīng)用fetch、axios異步加載與模塊導(dǎo)入全指南

    ? 在Vue中使用JSON文件有多種方式,包括使用 fetch 方法加載JSON文件、使用 axios 庫加載JSON文件,以及將JSON文件導(dǎo)入為模塊。以下是詳細(xì)描述和相應(yīng)的示例代碼: 創(chuàng)建一個(gè) JSON 文件,例如? data.json : 在Vue組件中使用? fetch ?方法加載 JSON 文件: 安裝? axios ?庫: 在Vue組件中使

    2024年02月19日
    瀏覽(26)
  • 導(dǎo)入微信小程序出現(xiàn)的錯(cuò)誤: app.json app.json 未找到,未找到入口 app.json 文件,或者文件讀取失敗,請(qǐng)檢查后重新編譯。小程序app.json報(bào)錯(cuò)

    導(dǎo)入微信小程序出現(xiàn)的錯(cuò)誤: app.json app.json 未找到,未找到入口 app.json 文件,或者文件讀取失敗,請(qǐng)檢查后重新編譯。小程序app.json報(bào)錯(cuò)

    相信很多新手小寶貝在導(dǎo)入別人的微信小程序文件時(shí)肯定遇到過這個(gè)問題,然后去網(wǎng)上查了很久,卻還是解決不了這個(gè)問題。接下來,我來告訴大家怎么一招解決這個(gè)問題: 類似下面這些文件,不要直接選擇這些它,不然會(huì)直接報(bào)錯(cuò) 一定要雙擊點(diǎn)進(jìn)去,到下一層再選擇文件

    2024年02月11日
    瀏覽(25)
  • 使用ts-node命令運(yùn)行ts文件時(shí)報(bào)錯(cuò)(Warning: To load an ES module, set “type“: “module“ in the package.json...)

    使用 ts-node 運(yùn)行TS文件時(shí)報(bào)錯(cuò)。 錯(cuò)誤信息1: 錯(cuò)誤信息2: ts-node 版本: ^10.8.0 , typescript 版本: ^4.6.3 。 tsconfig.json 文件內(nèi)容如下 在網(wǎng)上查找了一些資料,出現(xiàn)類似問題的有很多,鏈接如下: http://www.longant.cn/en/node/7289 https://stackoverflow.com/questions/62096269/cant-run-my-node-js-typescr

    2024年02月16日
    瀏覽(39)
  • Node.js:path文件路徑操作模塊

    path 用于文件路徑操作 官方文檔 https://nodejs.org/api/path.html 一個(gè)不錯(cuò)的解釋 示例 參考文章 node之Path介紹

    2024年02月13日
    瀏覽(28)
  • Node.js中的文件系統(tǒng)(file system)模塊

    Node.js中的文件系統(tǒng)(file system)模塊

    聚沙成塔·每天進(jìn)步一點(diǎn)點(diǎn) 前端入門之旅:探索Web開發(fā)的奇妙世界 歡迎來到前端入門之旅!感興趣的可以訂閱本專欄哦!這個(gè)專欄是為那些對(duì)Web開發(fā)感興趣、剛剛踏入前端領(lǐng)域的朋友們量身打造的。無論你是完全的新手還是有一些基礎(chǔ)的開發(fā)者,這里都將為你提供一個(gè)系統(tǒng)而

    2024年02月04日
    瀏覽(22)
  • JS前端讀取本地上傳的File文件對(duì)象內(nèi)容(包括Base64、text、JSON、Blob、ArrayBuffer等類型文件)

    FileReader.readAsArrayBuffer() - Web API 接口參考 | MDN FileReader 接口提供的 readAsArrayBuffer() 方法用于啟動(dòng)讀取指定的 Blob 或 File 內(nèi)容。當(dāng)讀取操作完成時(shí),readyState 變成 DONE(已完成),并觸發(fā) loadend 事件,同時(shí) result 屬性中將包含一個(gè) ArrayBuffer 對(duì)象以表示所讀取文件的數(shù)據(jù)。 https://

    2024年02月15日
    瀏覽(59)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包