내보내기와 내보내기 기본값의 차이점

내보내기와 내보내기 기본값의 차이점은 내보내기 키워드는 하나 이상의 변수, 함수 또는 클래스를 내보내는 데 사용되는 반면 내보내기 기본 키워드는 기본 변수, 함수 또는 클래스를 내보내는 데 사용된다는 것입니다. 다른 모듈에서는 import 키워드를 사용하여 내보낸 변수, 함수 또는 클래스를 가져올 수 있습니다.

export 및 import default는 ES6에서 모듈을 내보낼 때 사용하는 키워드로, 약간의 차이점이 있습니다.

우선, 내보내기 키워드는 하나 이상의 변수, 함수 또는 클래스를 내보내는 데 사용됩니다. 내보내기 키워드를 사용하면 다른 모듈에서 사용할 수 있도록 하나 이상의 변수, 함수 또는 클래스를 내보낼 수 있습니다. 예를 들어 다음과 같이 함수를 내보낼 수 있습니다.

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

다른 모듈에서는 import 키워드를 사용하여 함수를 가져올 수 있습니다.

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

또한 내보내기 키워드를 사용하여 여러 변수, 함수 또는 클래스를 내보낼 수 있습니다. 예:

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

export default 키워드는 기본 변수, 함수 또는 클래스를 내보내는 데 사용됩니다. 모듈당 하나의 기본 내보내기만 있을 수 있습니다. 예를 들어, 기본 내보내기로 함수를 만들 수 있습니다:

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

다른 모듈에서는 import 키워드를 사용하여 기본 내보내기를 가져올 수 있습니다:

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

기본 내보내기를 가져올 때 이를 제공할 수 있다는 점에 유의해야 합니다. 어떤 이름이든 가능하며 중괄호를 사용할 필요가 없습니다. 이는 기본 내보내기가 고유하므로 가져온 변수 이름을 직접 사용할 수 있기 때문입니다.

요약하자면, 내보내기 키워드는 하나 이상의 변수, 함수 또는 클래스를 내보내는 데 사용되는 반면, 내보내기 기본 키워드는 기본 변수, 함수 또는 클래스를 내보내는 데 사용됩니다. 다른 모듈에서는 import 키워드를 사용하여 내보낸 변수, 함수 또는 클래스를 가져올 수 있습니다.

위 내용은 내보내기와 내보내기 기본값의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!