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

武都ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

方法：1、把一個(gè)文件中export的所有變量，包裝成一個(gè)對(duì)象，用“import * as from "模塊"”語句導(dǎo)入；2、用“import 隨意命名 from "模塊"”語句；3、用“import {指定名字} from "模塊"”語句。

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

es6 import三種導(dǎo)入方法

import 隨意命名 from "模塊標(biāo)識(shí)符"  

只有在模塊中有默認(rèn)導(dǎo)出的export default語法時(shí)才會(huì)生效

// A.js
export default 20
// B.js
import A from './A'
上面的代碼生效的前提是，只有在A.js中有默認(rèn)導(dǎo)出的export default語法時(shí)才會(huì)生效。
這種不使用｛｝來引用模塊的情況下，import模塊的命名是隨意的，即如下三種引用命名都是正確的：
//B.js
import A from './A'
import B from './A'
import Something from './A'
因?yàn)樗偸菚?huì)解析到A.js中默認(rèn)的export default

import {指定名字} from "模塊標(biāo)識(shí)符"  

只有在模塊中有命名導(dǎo)出為指定名字的export name的代碼時(shí)才會(huì)生效

//A.js
export const A = 21
//B.js
import { A } from './A'

代碼生效的前提是，只有在模塊A.js中有如下命名導(dǎo)出為A的export name的代碼,
而且，在明確聲明了命名導(dǎo)出后，那么在另一個(gè)js中使用{}引用模塊時(shí)，import時(shí)的模塊命名是有意義的，如下：
// B.js
import { A } from './A'                 // 正確，因?yàn)锳.js中有命名為A的export
import { B } from './A'                 // 錯(cuò)誤！因?yàn)锳.js中沒有命名為B的export

import * as from "模塊標(biāo)識(shí)符"  （包裝成對(duì)象）

把一個(gè)文件中export的所有變量，包裝成一個(gè)對(duì)象。
例如：

export const sqrt1 = Math.sqrt;
export const sqrt2= Math.sqrt;



import * as sqrtobj from "....."
sqrtobj.sqrt1
sqrtobj.sqrt2

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