在es6中,export關鍵字用于將變量、函數、對象進行模塊化,讓外部進行引用,提供外部調用接口,語法為“export var a = 'name';”;as關鍵字用于修改變量名,語法為“export {新變量名 as 舊變量名}”。
本教程操作環(huán)境:windows10系統(tǒng)、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 }
在開發(fā)中可能遇到變量名重名或需要修改變量名時,ES6中可以用關鍵字 as 一鍵更名。
【