>  기사  >  웹 프론트엔드  >  내보내기의 사용법은 무엇이며 es6에서와 같습니다.

내보내기의 사용법은 무엇이며 es6에서와 같습니다.

WBOY
WBOY원래의
2022-03-31 14:50:144231검색

es6에서는 내보내기 키워드를 사용하여 변수, 함수 및 객체를 모듈화하고, 외부 참조를 허용하고, 외부 호출 인터페이스를 제공합니다. 구문은 "export var a = 'name';"입니다. 변수 이름을 수정하는 경우 구문은 "{새 변수 이름을 이전 변수 이름으로 내보내기"입니다.

내보내기의 사용법은 무엇이며 es6에서와 같습니다.

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

export 사용 및 es6

export 사용:

export를 사용하면 변수, 함수 및 개체를 모듈화할 수 있으며 외부 참조를 위한 외부 호출 인터페이스를 제공합니다. 먼저 변수를 모듈화하는 가장 간단한 예를 살펴보겠습니다. 새로운 temp.js 파일을 생성하고 파일에 모듈 변수를 출력합니다.

export var a = 'jspang';

그러면 index.js에서 import로 도입할 수 있습니다.

import {a} from './temp.js';
console.log(a);

cmd 명령 모듈 입력

babel-node index.js 디렉터리에 주의하세요

다변수 출력(temp.js)

var a ='jspang';
var b ='技术胖';
var c = 'web';
export {a,b,c} //包装成对象{}

함수의 모듈식 출력(temp.js)

export function add(a,b){
    return a+b;
}

as Usage

때때로 모듈에 변수 이름을 노출하고 싶지 않지만, 이 경우에는 as를 사용하여 작동할 수 있습니다.

var a ='jspang';
var b ='技术胖';
var c = 'web';
export {
    x as a,
    y as b,
    z as c
}

개발 중에 변수 이름이 중복되거나 변수 이름을 수정해야 하는 경우 ES6에서 as 키워드를 사용하여 한 번의 클릭으로 이름을 바꿀 수 있습니다.

내보내기의 사용법은 무엇이며 es6에서와 같습니다.

【관련 추천: javascript 비디오 튜토리얼, web front-end

위 내용은 내보내기의 사용법은 무엇이며 es6에서와 같습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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