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 一鍵更名。

【相關推薦：javascript影片教學、web前端】

以上是es6中export和as的用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！