CommonJSの紹介

CommonJSモジュール仕様は、Node.jsでモジュールを操作するために使用される標準です。モジュールを使用すると、あらゆる種類の機能をカプセル化し、この機能をライブラリとして他のJavaScriptファイルに公開できるため、非常に優れています。

CommonJSモジュール仕様は、で使用される標準です。Node.jsモジュールを操作するため。

ブラウザで実行されるクライアント側JavaScriptは、と呼ばれる別の標準を使用しますESモジュール

モジュールを使用すると、あらゆる種類の機能をカプセル化し、この機能をライブラリとして他のJavaScriptファイルに公開できるため、非常に優れています。これらを使用すると、明確に分離された再利用可能な機能のスニペットを作成でき、それぞれが独自にテスト可能です。

巨大なnpmエコシステムは、このCommonJS形式に基づいて構築されています。

モジュールをインポートするための構文は次のとおりです。

const package = require('module-name')

CommonJSでは、モジュールは同期的にロードされ、JavaScriptランタイムが見つけた順序で処理されます。このシステムはサーバー側のJavaScriptを念頭に置いて生まれたものであり、クライアント側には適していません(これが、ESモジュールが導入された理由です)。

JavaScriptファイルは、変数、関数、オブジェクトなど、定義する1つ以上のシンボルをエクスポートするときのモジュールです。

uppercase.js

exports.uppercase = (str) => str.toUpperCase()

すべてのJavaScriptファイルは、このモジュールをインポートして使用できます。

const uppercaseModule = require('uppercase.js')
uppercaseModule.uppercase('test')

簡単な例を見つけることができますこのグリッチで

複数の値をエクスポートできます。

exports.a = 1
exports.b = 2
exports.c = 3

を使用して個別にインポートします破壊的な割り当て

const { a, b, c } = require('./uppercase.js')

または、次を使用して1つの値をエクスポートします。

//file.js
module.exports = value

を使用してインポートします

const value = require('./file.js')

私の無料ダウンロードJavaScriptビギナーズハンドブック


その他のjsチュートリアル: