本篇內(nèi)容介紹了“es6中export和as怎么用”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

我們提供的服務有：成都做網(wǎng)站、網(wǎng)站設計、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、色尼ssl等。為近1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的色尼網(wǎng)站制作公司

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

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。

es6中export和as的用法

export的用法：

export可以讓我們把變量，函數(shù)，對象進行模塊話，提供外部調(diào)用接口，讓外部進行引用。先來看個最簡單的例子，把一個變量模塊化。我們新建一個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} //包裝成對象{}

函數(shù)的模塊化輸出（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 一鍵更名。

“es6中export和as怎么用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

網(wǎng)頁標題：es6中export和as怎么用
URL分享：http://jinyejixie.com/article48/jpdjhp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、外貿(mào)建站、網(wǎng)站營銷、網(wǎng)站內(nèi)鏈、面包屑導航、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)