nodejsインポートの使用法-フロントエンドQ&A-php.cn

nodejsインポートの使用法

王林

リリース： 2023-05-12 10:51:36

オリジナル

2680 人が閲覧しました

Node.js では、モジュールメカニズムを使用してコードを分離し、プログラムをよりモジュール化できます。 Node.jsのモジュール読み込み方法は非常にシンプルで、require()関数でモジュールを読み込みます。ただし、別のモジュールの関数または変数を 1 つのモジュールに導入したい場合は、import ステートメントを使用できます。この記事ではNode.jsにおけるimportの使い方を紹介します。

Node.js での import の使用

Node.js で import ステートメントを使用するには、次の規則に従う必要があります:

(1) ノード.js は ECMAScript 6 以降のスクリプトモードで実行する必要があります
(2) import ステートメントを使用するには、.babelrc 構成ファイルまたはコマンドラインパラメータを通じて Babel サポートを有効にする必要があります

次はNode.js で import ステートメントを使用する方法を示す簡単な例:

// demo.js
import { add } from './math.js';

console.log(add(1, 2));

ログイン後にコピー

// math.js
export function add(a, b) {
  return a + b;
}
export function mul(a, b) {
  return a * b;
}

ログイン後にコピー

上の例では、demo.js ファイルで ES6 import ステートメントを使用し、それを math.js ファイルからインポートしました。機能を追加します。 math.js ファイルでは、ES6 エクスポートキーワードを使用して、他のモジュールで使用できるように add 関数と mul 関数をエクスポートします。

注意事項

(1) デフォルトでエクスポートされる変数は、ドット記号 (.) 操作を使用してインポートすることはできません。

デフォルトのエクスポートを使用する場合、インポートにドット表記 (.) は使用できません。たとえば、math.js には次のデフォルトのエクスポートがあります:

export default function hello() {
  console.log('Hello World!');
}

ログイン後にコピー

これを他のモジュールで次のように使用できます:

import hello from './math.js';
hello(); // Output: Hello World!

ログイン後にコピー

(2) 名前付きエクスポートされた変数は、ドットを使用して操作できます。記号 (.) Import

名前付きエクスポートを使用する場合、ドット記号 (.) 操作を使用してインポートできます。たとえば、math.js には次のような名前のexportがあります:

export const PI = 3.1415926;
export function add(a, b) {
  return a + b;
}

ログイン後にコピー

これは他のモジュールでも次のように使用できます:

import { PI, add } from './math.js';
console.log(PI); // Output: 3.1415926
console.log(add(1, 2)); // Output: 3

ログイン後にコピー

(3) import ステートメントは先頭に配置する必要があります。ファイルの

ES6 モジュールシステムでは、import ステートメントはファイルの先頭に配置する必要があり、他のステートメントの後に配置することはできません。それ以外の場合は、エラーが報告されます。

(4) import の優先度が require よりも高いです

import と require を使用して同じモジュールを共有する場合、import の優先度が require よりも高くなります。つまり、import ステートメントと require 関数の両方が同じモジュールで使用されている場合、import ステートメントによってインポートされたモジュールが最初にロードされて実行されます。