エクスポートとエクスポートのデフォルトの違い

エクスポートとエクスポート デフォルトの違いは、エクスポート キーワードは 1 つ以上の変数、関数、またはクラスのエクスポートに使用されるのに対し、エクスポート デフォルト キーワードはデフォルトの変数、関数、またはクラスのエクスポートに使用されることです。他のモジュールでは、import キーワードを使用して、これらのエクスポートされた変数、関数、またはクラスをインポートできます。

export とexportdefault は、ES6 でモジュールをエクスポートするために使用されるキーワードであり、いくつかの違いがあります。

まず、export キーワードを使用して、1 つ以上の変数、関数、またはクラスをエクスポートします。 export キーワードを使用して 1 つ以上の変数、関数、またはクラスをエクスポートし、他のモジュールで使用できるようにすることができます。たとえば、次のように関数をエクスポートできます:

export function add(a, b) { return a + b; }

他のモジュールでは、import キーワードを使用して関数をインポートできます:

import { add } from './math'; console.log(add(2, 3)); // 输出 5

また、export キーワードを使用して複数の関数をエクスポートすることもできます。変数、関数、またはクラス。例:

export const PI = 3.14159; export function multiply(a, b) { return a * b; } export class Circle { constructor(radius) { this.radius = radius; } getArea() { return Math.PI * this.radius * this.radius; } }

他のモジュールでは、import キーワードを使用してこれらの変数、関数、またはクラスをインポートできます:

import { PI, multiply, Circle } from './math'; console.log(PI); // 输出 3.14159 console.log(multiply(2, 3)); // 输出 6 const circle = new Circle(5); console.log(circle.getArea()); // 输出 78.53975

exportdefault キーワードは、デフォルトの変数、関数、またはクラスをエクスポートするために使用されます。親切。デフォルトのエクスポートはモジュールごとに 1 つだけです。たとえば、関数をデフォルトのエクスポートとして使用できます:

export default function subtract(a, b) { return a - b; }

他のモジュールでは、import キーワードを使用してデフォルトのエクスポートをインポートできます:

import subtract from './math'; console.log(subtract(5, 2)); // 输出 3

インポートするときは次のことに注意してください。デフォルトのエクスポート 中括弧を使用せずに任意の名前を付けることができます。これは、デフォルトのエクスポートが一意であるため、インポートされた変数名を直接使用できるためです。

要約すると、export キーワードは 1 つ以上の変数、関数、またはクラスをエクスポートするために使用され、exportdefault キーワードはデフォルトの変数、関数、またはクラスをエクスポートするために使用されます。他のモジュールでは、import キーワードを使用して、これらのエクスポートされた変数、関数、またはクラスをインポートできます。

以上がエクスポートとエクスポートのデフォルトの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。