es6中export和as的用法是什么

在es6中，export關鍵字用于將變量、函數、對象進行模塊化，讓外部進行引用，提供外部調用接口，語法為“export var a = 'name';”；as關鍵字用于修改變量名，語法為“export {新變量名 as 舊變量名}”。

本教程操作環境：windows10系統、ECMAScript 6.0版、Dell G3電腦。

es6中export和as的用法

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的用法

有些時候我們并不想暴露模塊里邊的變量名稱，而給模塊起一個更語義話的名稱，這時候我們就可以使用as來操作。

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

在開發中可能遇到變量名重名或需要修改變量名時，ES6中可以用關鍵字 as 一鍵更名。

【