ES6 모듈 구문 로드 가져오기 내보내기

이번에는 ES6 module 구문 로딩 가져오기 내보내기를 가져왔는데, ES6 모듈 구문 로딩 가져오기 내보내기의 주의사항은 무엇인가요? 다음은 실제 사례입니다. 살펴보겠습니다.

export: 노출, 즉 인터페이스 노출

import: 소개, 문자 그대로의 의미와 마찬가지로 인터페이스 소개

export {}
export function demo(){}
export var demo1;

위의 두 내보내기는

function demo(){}
var demo1;
export {demo, demo1}
import {}

로 축약될 수 있습니다. 해당하는 것은 물론 import입니다.

import {demo,demo1} from ..path

물론, import * as name from ..path를 작성하는 다른 방법을 작성할 수도 있습니다. 그런 다음 quote하면 name.demo()가 됩니다.

export default

즉, import default

는 파일에서 한 번만 사용할 수 있습니다. 이름은 제가 임의로 선택했습니다) from .path

여기에는 중괄호가 없습니다

하지만

export default 명령은 실제로 default라는 변수만 출력하기 때문에 따라갈 수 없습니다. 변수 선언문을 통해

그래서 내보내기 기본값 var a=1을 이렇게 쓰면 오류가 보고됩니다! ! ! ! !

var a=1;

export defatult a ;

이것도 가능합니다

export * from a 특정 모듈

이 내보내기*는 모듈의 내보내기 기본 출력 인터페이스를 무시합니다

이렇게 말하면 import * from A 특정 모듈은 모듈에 의해 정의된 내보내기 기본 인터페이스를 가져올 수 없습니다

이 사례를 읽으신 후에는 방법을 마스터하셨다고 생각합니다. 더 흥미로운 콘텐츠를 보려면 PHP 중국어 웹사이트

관련 기사를 주목하세요!

관련 읽기:

html은 2초 만에 다른 페이지로 이동합니다.

HTML의 요소 중앙 정렬에 대해 주의해야 할 사항

위 내용은 ES6 모듈 구문 로드 가져오기 내보내기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!