方法：1、把一個(gè)文件中export的所有變量，包裝成一個(gè)對象，用“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)識符"

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

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

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

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

//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)識符" （包裝成對象）

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

export const sqrt1 = Math.sqrt; export const sqrt2= Math.sqrt;    import * as sqrtobj from "....." sqrtobj.sqrt1 sqrtobj.sqrt2

【