シミュレートされたrequire関数とnode.jsでの簡単な実装メカニズムの例の詳細な説明

伊谢尔伦
リリース: 2017-07-24 10:36:31
オリジナル
1717 人が閲覧しました

nodejs の require の読み込みメカニズム

1. require でのファイルの読み込み順序

require ファイルを読み込むときに拡張子を省略できます:

require( './module'); code>require('./module');

     // 此时文件按 JS 文件执行

          require('./module.js');

     // 此时文件按 JSON 文件解析

          require('./module.json');

     // 此时文件预编译好的 C++ 模块执行

          require('./module.node');

     // 载入目录module目录中的 package.json 中main指向的文件

          require('./module/default.js');

     // 载入目录module 中的index.js文件

     通过 ./ 或 ../ 开头:则按照相对路径从当前文件所在文件夹开始寻找模块;

         require('../file.js'); => 上级目录下找 file.js 文件

     通过 / 开头:则以系统根目录开始寻找模块;

          require('/Users/iceStone/Documents/file.js'); => 以绝对路径的方式找,没有任何异议

     如果参数字符串不以“./“ 或 ”/“ 开头,则表示加载的是一个默认提供的核心模块(位于 Node 的系统安装目录中):

          require('fs'); => 加载核心模块中的文件系统模块

     或者从当前目录向上搜索 node_modules 目录中的文件:

          require('my_module'); => 各级 node_modules 文件夹中搜索 my_module.js 文件;

     如果 require 传入的是一个目录的路径,会自动查看该目录的 package.json 文件,然后加载 main 字段指定的入口文件

     如果package.json文件没有main字段,或者根本就没有package.json文件,则默认找目录下的 index.js 文件作为模块:

          require('./calcuator');

// package.json の main が指すファイルをモジュール ディレクトリにロードします

require('./module/default.js'); require('./ module/default.js'); code>

// ディレクトリ module

に ./ または ../ で始まり、次のフォルダーから始まるモジュールを検索します。現在のファイルは相対パスに基づいて配置されます。

require( '../file.js'); 上位ディレクトリで file.js ファイルを見つけます。 <p> / で始まる: システムのルート ディレクトリからモジュールの検索を開始します </p> <p><strong> <code>require(' /Users/iceStone/Documents/file.js'); => 、異議なしnoパラメーター文字列が「./」または「/」で開始されない場合、デフォルトで提供されたコアモジュール(ノードのシステムインストールディレクトリにある)がロードされていることを示します:

または現在のディレクトリから上方向に、node_modules ディレクトリ内のファイルを検索します。

require('my_module') => すべてのレベルで my_module.js ファイルを検索します。 require ディレクトリへのパスが渡された場合、そのディレクトリの package.json ファイルが自動的にチェックされ、package.json ファイルにメイン フィールドがない場合は、メイン フィールドで指定されたエントリ ファイルがロードされます。 、または package.json ファイルがまったくない場合、デフォルトでは、ディレクトリ内の Index.js ファイルがモジュールとして見つかります:

2. キャッシュが必要


モジュールが初めてロードされるとき、ノードはモジュールをキャッシュします。今後モジュールをロードするときに、モジュールの module.exports 属性をキャッシュから直接取得できます (モジュールは再度実行されません)


モジュール内のコードを複数回実行する必要がある場合は、通常、モジュールに動作 (関数) を公開させることができます。キャッシュは require.cache を通じて取得でき、削除することもできます


3. すべてのコードはモジュール スコープ内で実行され、グローバル スコープを汚染しません。


require関数のシミュレーション


requireのロードは内部的に複雑です。簡単なシミュレートされたロードを実行しましょう

requireの単純な実装メカニズムは次のとおりです:


ロードルールを通じて対応するモジュールIDを見つけます モジュールファイル

🎜🎜このファイルのコードを読み取ります 🎜🎜🎜 スプライシングを通じてこのコード部分のプライベートスペースを構築します 🎜🎜🎜 コードを実行します 🎜🎜🎜 module.exports を取得します 戻る 🎜🎜🎜🎜🎜
 nodejs_require.js
 // [require函数模拟]

 "use strict"

 function $require(id) {
 //1、先查看模块是否存在,如果不存在则抛出 Can&#39;t found file
 //2、如果存在,就读取代码
 const fs = require(&#39;fs&#39;);
 const path = require(&#39;path&#39;);

 // 文件名
 let filename = id;
 //查看是否是绝对路径
 if (!path.isAbsolute(filename)) {
  filename = path.join(__dirname, id);
 }

 // 文件目录
 let dirname = path.dirname(filename);

 //模拟require的缓存机制
 $require.cache = $require.cache || {};
 if($require.cache[filename]){
  return $require.cache[filename].exports;
 }

 // 读取模块代码
 let code="";
 try {
  code = fs.readFileSync(filename,&#39;utf-8&#39;); // 阻塞读取文件,不会放入事件队列 
 } catch (error) {
  console.log(" [*]can&#39;t found file! ");
  throw error;
 }

 // console.log(code);

 // 3、执行代码,所要执行的代码,需要营造一个独立的空间

 // 定义一个数据容器,用容器去装模块导出的成员
 let _module = { // 每个js模块都会有一个全局的module变量
  id:&#39;.&#39;,
  exports:{},
  parent:module,
  filename:filename
 };
 let _exports = _module.exports;

 // 营造一个独立空间
 code = `(function($require,module,_exports,__dirname,__filename){
  $[code]
 })($require,_module,_exports,dirname,filename)`;

 // 执行代码
 eval(code);

 // 缓存
 $require.cache[filename] = _module;
 // 返回结果
 return _module.exports;
 }


 setInterval(()=>{
  const rr = $require("./test.js");
  console.log(rr);
 },1000);
ログイン後にコピー
🎜上記 モジュールテストで使用される 2 つのモジュール🎜🎜 🎜🎜🎜りー

以上がシミュレートされたrequire関数とnode.jsでの簡単な実装メカニズムの例の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート