JavaScript에서 가져오기를 어떻게 사용하나요?

ES6에서는 모듈화를 통해 JavaScript에서 가져오기를 어떻게 사용하나요? 객체를 관리할 수 있습니다. 모듈화하면 기능을 재사용할 수 있을 뿐만 아니라 유지 관리성도 향상됩니다.

import는 한 모듈에서 내보낸 함수, 객체, 초기값을 다른 모듈로 가져오는 데 사용되는 구문입니다.

아래와 같이

import {模块名称} from "需要导入模块的路径名"

가져오기를 어떻게 사용하나요?

이 모듈에는 기본 모듈과 명명된 모듈이 있습니다.

먼저 기본 내보내기 모듈과 이름이 지정된 내보내기 모듈을 로드합니다

import {ModuleA, ModuleB} from "modules"; 
import Default from 'modules2';

첫 번째 줄에서는 모듈 파일에서 모듈 A와 모듈 B라는 두 개의 이름이 지정된 모듈을 가져옵니다.

두 번째 줄에서는 모듈 2 파일에서 기본 모듈을 가져옵니다.

모듈 내보내기 실행

함수, 객체, 기본 값을 모듈로 내보내려면 내보내기를 사용해야 합니다.

구체적인 예를 살펴보겠습니다

기본 모듈로 내보내기

// alert.js
export default function () {
    alert("default module called!");
};

Named 내보내기

// utils.js
export function sum(x, y, z) {
    return x+y+z;
}
 
export function multiply(x, y) {
    return x*y;
}

sum과 곱셈이라는 모듈을 내보낼 수 있습니다.

다음과 같이 호출하여 이 함수를 사용할 수 있습니다.

import { sum, multiply } from 'utils'; 
console.log(sum(1, 2, 3));
console.log(multiply(5, 8));

실행 결과는 다음과 같습니다

->6
->40

이 기사는 여기서 끝납니다. 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 다른 관련 칼럼 튜토리얼을 주목하세요! ! !

위 내용은 JavaScript에서 가져오기를 어떻게 사용하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!