>웹 프론트엔드 >JS 튜토리얼 >ES6 단일 모듈 가져오기에 중괄호를 사용해야 합니까?

ES6 단일 모듈 가져오기에 중괄호를 사용해야 합니까?

Susan Sarandon
Susan Sarandon원래의
2024-12-14 01:44:09902검색

Should I Use Curly Braces for ES6 Single-Module Imports?

ES6 단일 모듈 가져오기에 중괄호를 사용하는 경우

ES6에는 모듈을 가져오는 데 기본 및 명명된 가져오기라는 두 가지 옵션이 있습니다. . 기본 내보내기를 사용하면 단일 식별자를 사용하여 전체 모듈을 가져올 수 있는 반면 명명된 내보내기를 사용하면 가져오려는 특정 구성 요소를 지정할 수 있습니다.

기본 가져오기(중괄호 없음)

전체 모듈을 단일 개체로 가져오려면 기본 가져오기를 사용하세요. 이는 모듈이 클래스나 함수와 같은 하나의 기본값만 내보낼 때 유용합니다. 기본 가져오기를 사용하려면 import 키워드 뒤에 모듈 경로를 사용하면 됩니다. 예:

import initialState from './todoInitialState';

이름이 지정된 가져오기(중괄호)

모듈에서 특정 구성 요소를 가져오려면 이름이 지정된 가져오기를 사용하세요. 이렇게 하려면 가져오려는 구성 요소를 import 키워드 뒤에 중괄호로 묶습니다. 예:

import { A, B } from './someModule';

단일 모듈 가져오기에 중괄호를 사용하는 경우

단일 모듈 가져오기에 중괄호를 사용하면 안 됩니다. 모듈에 명명된 내보내기가 있는지 여부에 관계없이 단일 모듈 가져오기에는 기본 가져오기(중괄호 없음)가 항상 사용됩니다. 단일 모듈 가져오기에 중괄호를 사용하면 오류가 발생합니다.

기본 내보내기와 명명된 내보내기

기본 내보내기는 모듈의 주요 기능을 내보내는 데 유용합니다. 명명된 내보내기는 모듈의 모든 사용자에게 필요하지 않을 수 있는 보조 기능이나 상수를 내보내는 데 적합합니다. 모듈에는 기본 내보내기가 하나만 있을 수 있지만 명명된 내보내기는 여러 개 있을 수 있습니다.

단일 모듈 가져오기는 항상 기본 가져오기(중괄호 없음)를 사용한다는 점을 기억하세요. 모듈에 가져오려는 명명된 내보내기가 있는 경우 명명된 가져오기(중괄호 포함)를 사용해야 합니다.

위 내용은 ES6 단일 모듈 가져오기에 중괄호를 사용해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.