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

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

이 튜토리얼의 운영 환경: 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 키워드를 사용하여 한 번의 클릭으로 이름을 바꿀 수 있습니다.

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

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