es6에서는 내보내기 키워드를 사용하여 변수, 함수 및 객체를 모듈화하고, 외부 참조를 허용하고, 외부 호출 인터페이스를 제공합니다. 구문은 "export var a = 'name';"입니다. 변수 이름을 수정하는 경우 구문은 "{새 변수 이름을 이전 변수 이름으로 내보내기"입니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, ECMAScript 버전 6.0, Dell G3 컴퓨터.
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!