> 웹 프론트엔드 > JS 튜토리얼 > ES6의 모듈성 사용 소개(코드 예)

ES6의 모듈성 사용 소개(코드 예)

不言
풀어 주다: 2018-10-29 14:23:50
앞으로
1879명이 탐색했습니다.

이 기사는 ES6의 모듈화 사용에 대한 소개(코드 예제)를 제공합니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

모듈화는 함수를 단일화하고 결합도가 낮은 함수를 단일 모듈로 추출하여 각 모듈이 단일 기능을 제공하는 것입니다

export 내보내기 모듈 ;import 가져오기 모듈# 🎜🎜#

다중 내보내기 사용

module.js

export let A = 123;
export function test() {
    return 'test';
}
export class Hello {
    test() {
        console.log('class');
    }
}
로그인 후 복사

index.js# 🎜🎜##rrereee

// 1.基本用法
import {A,test,Hello} from './class/module';
console.log(A, test()); // 123 "test"
로그인 후 복사
e##### ## ####module.js#🎜🎜 ####rreee####index .js

// 2.只关心某些内容
import {A} from './class/module';
console.log(A); // 123
로그인 후 복사

위 내용은 ES6의 모듈성 사용 소개(코드 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:segmentfault.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿