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

エクスポートとエクスポート デフォルトの違いは、エクスポート キーワードは 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 サイトの他の関連記事を参照してください。