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

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

不言
不言앞으로
2018-10-29 14:23:501896검색

이 기사는 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으로 문의하시기 바랍니다. 삭제