ホームページ >ウェブフロントエンド >フロントエンドQ&A >ノードが必要です それはどういう意味ですか

ノードが必要です それはどういう意味ですか

藏色散人
藏色散人オリジナル
2022-10-18 17:51:291485ブラウズ

ノードの

require はパラメータを受け入れる関数であり、仮パラメータの名前は id で、型は String です。require 関数はモジュール、JSON ファイル、およびローカル ファイルをインポートできます。モジュールには次からアクセスできます。 「node_modules」、「ローカル モジュール」、または「JSON ファイル」からエクスポートされる場合、パスは「__dirname」変数または現在の作業ディレクトリになります。

ノードが必要です それはどういう意味ですか

このチュートリアルの動作環境: Windows 7 システム、nodejs バージョン 18.4.0、Dell G3 コンピューター。

ノードが必要とはどういう意味ですか?

Nodejs での require 関数の具体的な使用法

手順

この記事は Node 公式を参照しています。 Web サイトのドキュメントのバージョン v11.12.0。

この記事では主に、require が Nodejs で JSON ファイルと js ファイルをインポートしたときに得られる結果を分析し、Nodejs でのモジュール エクスポート module.exports と exports の使用法についても簡単に触れます。

はじめに

Webpack ソース コードを読む過程で、次のコード行を見つけました:

const version = require("../package.json").version

これは、Nodejs における require の研究につながります。

require の概要

Node.js ドキュメントでは、require に関連するドキュメントは Modules ディレクトリにあり、システムの Nodejs モジュール部分。

require は関数です。この結論は、typeof または Object.prototype.toString.call() を通じて検証できます:

console.log(require) // 输出:Function
console.log(Object.prototype.toString.call(require) // 输出:[object Function]

require を直接出力すると、require 関数の下にいくつかの静的プロパティがマウントされていることがわかります。関連する手順は、Nodejs の公式ドキュメントで直接見つけることができます。

{ [Function: require]
 resolve: { [Function: resolve] paths: [Function: paths] },
 main:
  Module {
   id: '.',
   exports: {},
   parent: null,
   filename: '/Users/bjhl/Documents/webpackSource/index.js',
   loaded: false,
   children: [],
   paths:
   [ '/Users/bjhl/Documents/webpackSource/node_modules',
    '/Users/bjhl/Documents/node_modules',
    '/Users/bjhl/node_modules',
    '/Users/node_modules',
    '/node_modules' ] },
 extensions:
  [Object: null prototype] { '.js': [Function], '.json': [Function], '.node': [Function] },
 cache:
  [Object: null prototype] {
   '/Users/bjhl/Documents/webpackSource/index.js':
   Module {
    id: '.',
    exports: {},
    parent: null,
    filename: '/Users/bjhl/Documents/webpackSource/index.js',
    loaded: false,
    children: [],
    paths: [Array] } } }

require 関数の静的属性

については、後で詳しく追加します。

#require use
#公式 Web サイトのドキュメントで、require に関する次の手順を確認できます。 # #require(id)# 追加: v0.1.13 id モジュール名またはパス 戻り値: エクスポートされたモジュールの内容 モジュール、JSON、ローカル ファイルのインポートに使用されます。モジュールは、node_modules からインポートできます。ローカル モジュールと JSON ファイルは、次の方法でインポートできます。 __dirname (定義されている場合) または現在の作業ディレクトリで指定されたディレクトリに対して解決される相対パス (例: ./、./foo、./bar/baz、../foo)。

##同時に、require を使用する 3 つの方法も示されています:

// Importing a local module:
const myLocalModule = require('./path/myLocalModule');

// Importing a JSON file:
const jsonData = require('./path/filename.json');

// Importing a module from node_modules or Node.js built-in module:
const crypto = require('crypto');

上記のドキュメントから、次の情報が得られます:


require は 1 つのパラメータを受け入れます。仮パラメータの名前は id で、その型は String です。

require 関数はモジュールの内容を返しますが、その型は任意です。

  • require 関数は、モジュール、JSON ファイル、ローカル ファイルをインポートできます。モジュールは、__dirname 変数 (定義されている場合) または現在の作業ディレクトリに対する相対パスを介して、node_modules、ローカル モジュール、JSON ファイルからエクスポートできます。

  • require practice
ここでは、require の実際的な結論をカテゴリ別に説明します。

requireImport JSON

JSON は、オブジェクト、配列、数値、文字列、ブール値、および null をシリアル化するための構文です。

記事の冒頭で、package.json ファイルの version 属性が require("./package.json") ファイルを通じて読み取られると述べました。ここでは、info.json ファイルをインポートして関連情報を表示してみます。

ファイル構造のディレクトリは次のとおりです:

.
├── index.js
└── info.json

info.json ファイルの内容を次のように変更します:

{
  "name": "myInfo",
  "hasFriend": true,
  "salary": null,
  "version": "v1.0.0",
  "author": {
    "nickname": "Hello Kitty",
    "age": 20,
    "friends": [
      {
        "nickname": "snowy",
        "age": 999
      }
    ]
  }
}

info.json には文字列とブール値が含まれています、および null 、数値、オブジェクト、配列。

index.js の内容を次のように変更し、現在のターミナルでコマンド ノードindex.js を実行すると、次の結果が得られます。

const info = require("./info.json")
console.log(Object.prototype.toString.call(info)) // [object Object]
console.log(info.version) // v1.0.0
console.log(info.hasFriend) // true
console.log(info.salary) // null
console.log(info.author.nickname) // Hello Kitty
console.log(info.author.friends) // [ { nickname: 'snowy', age: 999 } ]

ご覧のとおり、require がインポートすると、 JSON ファイルでは、オブジェクトが返されます。Nodejs は、文字列、ブール値、数値、Null、オブジェクト、配列を含む、このオブジェクト内のすべてのプロパティに直接アクセスできます。私の個人的な推測では、ここでは JSON.parse() に似たメソッドが使用されるのではないかと考えています。

この結論を通じて、特定の値を読み取るために require メソッドを通じて JSON ファイルを渡すというアイデアも思いつきました。たとえば、記事の冒頭では、webpack はバージョン値を取得しました。 package.json ファイルを読み取ることによって。

requireローカル js ファイルのインポート

ファイル構造ディレクトリは次のとおりです:

.
├── index.js
├── module_a.js
└── module_b.js

index.js ファイルでは、module_a がインポートされますmodule_b の順に値を割り当て、これら 2 つの変数を出力すると、内容は次のようになります。

console.log("*** index.js开始执行 ***")
const module_a = require("./module_a")
const module_b = require("./module_b")
console.log(module_a, "*** 打印module_a ***")
console.log(module_b, "*** 打印module_b ***")
console.log("*** index.js结束执行 ***")
module_a ファイルでは、module.exports または exports は指定されていませんが、非同期実行ステートメント setTimeout が追加されています。
console.log("** module_a开始执行 **")
let name = "I'm module_a"
setTimeout(() => {
  console.log(name, "** setTimeout打印a的名字 **")
}, 0)
console.log("** module_a结束执行 **")

module_b ファイルでは、 module.exports が指定されています (exports.name に変更することもできますが、exports と module はオブジェクトと同等であるため、exports を直接使用することはできません) .exports は実際にはアドレスを指し、同じオブジェクトを参照します。exports が他の参照型と等しい場合、module.exports を指すことはなくなり、module.exports の内容は変更できません。)、内容は次のとおりです。

console.log("** module_b开始执行 **")
let name = "I'm module_b"
console.log(name, "** 打印b的名字 **")
module.exports = {
  name
}
console.log("** module_b结束执行 **")

現在のディレクトリ ターミナルでノードindex.jsを実行し、次の出力を取得します。

*** index.js开始执行 ***
** module_a开始执行 **
** module_a结束执行 **
** module_b开始执行 **
I am module_b ** 打印b的名字 **
** module_b结束执行 **
{} '*** 打印module_a ***'
{ name: 'I am module_b' } '*** 打印module_b ***'
*** index.js结束执行 ***
I am module_a ** setTimeout打印a的名字 **

通过以上执行结果可以得出结论:

  • require某个js文件时,如果未通过exports或者module.exports指定导出内容,则require返回的结果是一个空对象;反之可以通过module.export或者给exports属性赋值来导出指定内容。

  • require某个js文件时,该文件会立即sync执行。

require导入模块

我们先选择一个npm包——cors。 进入文件夹,运行一下命令:

npm init -y // 初始化
echo -e "let cors = require(\"cors\")\nconsole.log(cors)" > index.js // 生成index.js文件
npm install cors --save // 安装cors包

文件结构如下(...处省略了其他的模块):

.
├── index.js
├── node_modules
│  ├── cors
│  │  ├── CONTRIBUTING.md
│  │  ├── HISTORY.md
│  │  ├── LICENSE
│  │  ├── README.md
│  │  ├── lib
│  │  │  └── index.js
│  │  └── package.json
│  │  ...
├── package-lock.json
└── package.json

index.js中的内容如下:

let cors = require("cors")
console.log(cors)

运行 node index.js ,得出以下结果:

[Function: middlewareWrapper]

找到node_modules下的cors模块文件夹,观察cros模块中的package.json文件,找到main字段: "main": "./lib/index.js" ,找到main字段指向的文件,发现这是一个IIFE,在IIFE中的代码中添加,console.log("hello cors"),模拟代码结构如下:

(function () {
  'use strict';
  console.log("hello cors"); // 这是手动添加的代码
  ...
  function middlewareWrapper(o) {
    ...
  }
  module.exports = middlewareWrapper;
})()

再次运行 node index.js ,得出以下结果:

hello cors
[Function: middlewareWrapper]

为什么会打印出 hello cors 呢?因为require模块的时候,引入的是该模块package.json文件中main字段指向的文件。而这个js文件会自动执行,跟require引用本地js文件是相同的。

packjson文档

在npm的官方网站中可以找到关于package.json中的main字段定义。

main   The main field is a module ID that is the primary entry point to your program. That is, if your package is named foo, and a user installs it, and then does require("foo"), then your main module's exports object will be returned.   This should be a module ID relative to the root of your package folder   For most modules, it makes the most sense to have a main script and often not much else.

在以上说明中可以得出以下结论:

  • main字段是一个模块ID,是程序的主入口。

  • 当使用require("xxx")的时候,导入的是main字段对应的js文件里的module.exports。

所以require导入模块的时候,是运行的对应模块package.json中main字段指定的文件。

推荐学习:《node视频教程

以上がノードが必要です それはどういう意味ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。