nodejs가 ECMAScript 모듈에서 json 파일을 로드하는 방법에 대한 간략한 분석-JS 튜토리얼-php.cn

nodejs가 ECMAScript 모듈에서 json 파일을 로드하는 방법에 대한 간략한 분석

青灯夜游

풀어 주다： 2021-12-07 18:49:04

앞으로

2488명이 탐색했습니다.

ECMAScript 모듈의 node에서 json 파일을 로드하는 방법》다음 글에서는 nodejs가 ECMAScript 모듈에서 json 파일을 로드하는 방법을 소개하겠습니다. 도움이 되길 바랍니다!

nodejs가 ECMAScript 모듈에서 json 파일을 로드하는 방법에 대한 간략한 분석

이 기사를 읽고 나면 다음 내용을 배울 수 있습니다.

1. nodejs json 파일을 로드하고 구문 분석하는 방법

2 fs 모듈이 json 파일을 읽는 방법

3.

3. 새로운 URL() 알아보기

4. load-json-file 라이브러리 알아보기

우리 모두 알고 있듯이 CommonJS 모듈 >File에 json을 로드하면 , require() 함수를 통해 직접 로드하면 json 객체를 얻을 수 있습니다. CommonJS模块中加载json文件，只需通过require()函数直接加载即可，即能得到json对象。

但是在ECMAScript模块中直接加载json文件，会报错，报错如下：

nodejs가 ECMAScript 모듈에서 json 파일을 로드하는 방법에 대한 간략한 분석

首先，先启用ESM模式，其实官方文档（http://nodejs.cn/api/esm.html#introduction）中也有说明：

Node.js 默认将 JavaScript 代码视为 CommonJS 模块。作者可以通过 .mjs 文件扩展名、package.json "type" 字段、或 --input-type 标志告诉 Node.js 将 JavaScript 代码视为 ECMAScript 模块

那怎么才能在ECMAScript模块加载json文件呢？其实是有两种方案的：

假设现在有一个json文件：test.json

文件内容如下：

{
    "name": "project"
}

로그인 후 복사

接下来，在index.js中引入test.json:

一、通过 `fs` 文件系统读取 `json` 文件

import { readFile } from "fs/promises"; // 以promise的方式引入 readFile API

const json = JSON.parse(
    await readFile(new URL(&#39;./test.json&#39;, import.meta.url))
)

console.log(&#39;[json1]:&#39;, json); // 输出： { "name": "project" }

로그인 후 복사

解释：

await: 根据 ECMAScript 顶层 await 提案，await 关键字可用于模块内的顶层（异步函数之外）;

import.meta.url：nodejs中返回模块在本地的file://协议的绝对路径，例如：file://home/user/main.js, 如果模块中还有另外一个文件test.js,那么test.js的路径就是new URL('test.js', import.meta.url)；

new URL：生成file: 协议的对象（对于大多数 fs 模块函数，path 或 filename 参数可以作为使用 file: 协议的对象传入）。

二、通过`nodejs`内置`module`模块的`createRequire`方法实现

import { createRequire } from "module";

const require = createRequire(import.meta.url);
const json = require(&#39;./test.json&#39;);

console.log(&#39;[json2]:&#39;, json); // 输出： { "name": "project" }

로그인 후 복사

这种方法是根据nodejs提供的createRequire方法实现。

nodejs가 ECMAScript 모듈에서 json 파일을 로드하는 방법에 대한 간략한 분석

三、 24行源码的第三方库 `load-json-file`

그러나 ECMAScript 모듈에서 json 파일을 직접 로드하면 다음과 같은 오류가 보고됩니다.

먼저 ESM 모드를 활성화하세요. 실제로, 공식 문서(http://nodejs.cn /api/esm.html#introduction):

Node.js

는 기본적으로 JavaScript 코드를 CommonJS 모듈로 처리합니다. 작성자는 .mjs 파일 확장자, package.json "type" 필드 또는 --input-type</code를 전달할 수 있습니다. > 플래그는 Node.js에게 JavaScript 코드를 ECMAScript 모듈로 처리하라고 지시합니다. <a href="https://www.php.cn/course/list/24.html" target="_blank"></a></p>그렇다면 <code>ECMAScript 모듈에서 json 파일을 어떻게 로드할 수 있나요? 실제로 두 가지 해결책이 있습니다. 🎜🎜지금 json 파일이 있다고 가정합니다: test.json🎜🎜파일 내용은 다음과 같습니다: 🎜

import {readFileSync, promises as fs} from &#39;node:fs&#39;;

const {readFile} = fs;

const parse = (buffer, {beforeParse, reviver} = {}) => {

	// Unlike `buffer.toString()` and `fs.readFile(path, &#39;utf8&#39;)`, `TextDecoder`` will remove BOM.
        // 这里对buffer进行转义，没有用`buffer.toString()`和`fs.readFile(path, &#39;utf8&#39;)`，是因为`new TextDecoder().decode(buffer)`这种方式可以删除字节顺序标记（BOM）
        
        // 解码 buffer 并返回字符串
	let data = new TextDecoder().decode(buffer);
        
        // 在parse解析之前对字符串进行处理
	if (typeof beforeParse === &#39;function&#39;) {
		data = beforeParse(data);
	}

	return JSON.parse(data, reviver);
};

// 导出异步方法
export async function loadJsonFile(filePath, options) {
        // 如果未指定编码，则返回原始缓冲区。
	const buffer = await readFile(filePath);
	return parse(buffer, options);
}

// 导出同步方法
export function loadJsonFileSync(filePath, options) {
        // 如果未指定编码，则返回原始缓冲区。
	const buffer = readFileSync(filePath);
	return parse(buffer, options);
}

로그인 후 복사

🎜Next, in index. js test.json 소개:🎜