本篇內(nèi)容主要講解“import as在es6中怎么用”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“import as在es6中怎么用”吧!

成都創(chuàng)新互聯(lián)公司主要從事網(wǎng)站制作、做網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)雙遼,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢建站服務(wù):13518219792

在es6中，import as用于將若干export導(dǎo)出的內(nèi)容組合成一個(gè)對(duì)象返回；ES6的模塊化分為導(dǎo)出與導(dǎo)入兩個(gè)模塊，該方法能夠?qū)⑺械膶?dǎo)出內(nèi)容包裹到指定對(duì)象中，語(yǔ)法為“import * as 對(duì)象 from ...”。

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

import as在es6中的用法是什么

ES6，javascript第一次支持了module。ES6的模塊化分為導(dǎo)出（export）與導(dǎo)入（import）兩個(gè)模塊，其中在項(xiàng)目中，我們會(huì)經(jīng)常看到一種用法import * as obj from，這種寫(xiě)法是把所有的輸出包裹到obj對(duì)象里。

import * as xxx from ‘xxx’: 會(huì)將若干export導(dǎo)出的內(nèi)容組合成一個(gè)對(duì)象返回；

import xxx from ‘xxx’：（export default Din）只會(huì)導(dǎo)出這個(gè)默認(rèn)的對(duì)象作為一個(gè)對(duì)象

示例一

// index.js
export function fn1(data){
  console.log(1)
}
export function fn2(data){
  console.log(2)
}
import * as Fn from './index.js'
Fn.fn1()  // 1
Fn.fn2()  // 2

示例二

let myName = "Jon";
let myAge = 18;
let myfn = function(){
    return "我是"+myName+"！今年"+myAge+"歲了"
}
export {
    myName as name,
    myAge as age,
    myfn as fn
}

接收的代碼

import {fn,age,name} from "./test.js";
console.log(fn()); //我是Jon！今年19歲了
console.log(age); //19
console.log(name); //Jon

或者寫(xiě)成

import * as info from "./test.js"; //通過(guò)*來(lái)批量接收，as 來(lái)指定接收的名字
console.log(info.fn()); //我是Jon！今年18歲了
console.log(info.age); //18
console.log(info.name); //Jon

示例三

重命名export和import，如果導(dǎo)入的多個(gè)文件中，變量名字相同，即會(huì)產(chǎn)生命名沖突的問(wèn)題，為了解決該問(wèn)題，ES6為提供了重命名的方法，當(dāng)你在導(dǎo)入名稱(chēng)時(shí)可以這樣做。

/*************test1.js*****************/
export let myName = "我來(lái)自test1.js";
/*************test2.js*****************/
export let myName = "我來(lái)自test2.js";
 
/*************index.js****************/
import {myName as name1} from "./test1.js";
import {myName as name2} from "./test2.js";
console.log(name1); //我來(lái)自test1.js
console.log(name2); //我來(lái)自test2.js

到此，相信大家對(duì)“import as在es6中怎么用”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！