es6에서 모듈을 내보내는 데 사용되는 방법

es6에서 모듈을 내보내는 데 사용되는 방법: 1. 기본 모듈을 내보냅니다. 모듈 파일에는 하나의 기본 모듈만 있을 수 있습니다. 구문은 "내보내야 하는 기본 멤버 내보내기"입니다. 파일은 여러 개를 가질 수 있습니다. 일반 모듈의 경우 구문은 "요청 시 내보낸 멤버 내보내기"입니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, ECMAScript 버전 6.0, Dell G3 컴퓨터.

es6에서 모듈을 내보내는 데 사용되는 방법

기본 내보내기

모듈 파일은 하나의 기본 모듈만 가질 수 있고 여러 개의 일반 모듈을 가질 수 있습니다.

설명: 내보내야 하는 기본 멤버 내보내기

const n1 = 10
const n2 = 20
 
const show = () => {
  console.log('hello')
}
 
export default {
  n1,
  show
}

default Import

문: '모듈 식별자'에서 변수 이름 가져오기

import m1 from './1.默认导出.js'
console.log(m1)

참고:

각 모듈에는 하나의 기본값 내보내기만 허용됩니다. 그렇지 않으면 오류가 보고됩니다!

가져오기 중 기본 수신 이름은 합법적인 회원 이름이라면 어떤 이름이든 가능합니다.

요청 시 내보내기

모든 데이터 유형을 모듈로 내보낼 수 있습니다

구문: ​​요청 시 내보내기 구문: 내보내기 내보낼 언론 회원

export const n1 = 10
 
export const n2 = 20

요구 시 가져오기

요구 시 가져오기 구문: '모듈 식별자'에서 { m1 } 가져오기

import { n1 } from './3.按需导出.js'
 
console.log(n1)

요구 시 가져오기 및 내보내기에 대한 참고 사항:

• 각 다중 on- 모듈에서 Demand 내보내기를 사용할 수 있습니다

• On-Demand로 가져온 멤버 이름은 On-Demand 내보내기의 이름과 일치해야 합니다.

• On-Demand로 가져올 때 as 키워드를 사용하여 다음을 수행할 수 있습니다. rename

• 을 눌러 가져오셔야 하는 경우 기본 가져오기와 함께 사용하시면 됩니다

[관련 권장사항: javascript video tutorial, web front-end]

위 내용은 es6에서 모듈을 내보내는 데 사용되는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!