es6三種導入方法是什么

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

本教程操作環境：windows7系統、ECMAScript 6版、Dell G3電腦。

es6 import三種導入方法

import 隨意命名 from "模塊標識符"

只有在模塊中有默認導出的export default語法時才會生效

// A.js export default 20 // B.js import A from './A' 上面的代碼生效的前提是，只有在A.js中有默認導出的export default語法時才會生效。 這種不使用｛｝來引用模塊的情況下，import模塊的命名是隨意的，即如下三種引用命名都是正確的： //B.js import A from './A' import B from './A' import Something from './A' 因為它總是會解析到A.js中默認的export default

import {指定名字} from "模塊標識符"

只有在模塊中有命名導出為指定名字的export name的代碼時才會生效

//A.js export const A = 21 //B.js import { A } from './A'  代碼生效的前提是，只有在模塊A.js中有如下命名導出為A的export name的代碼, 而且，在明確聲明了命名導出后，那么在另一個js中使用{}引用模塊時，import時的模塊命名是有意義的，如下： // B.js import { A } from './A'                 // 正確，因為A.js中有命名為A的export import { B } from './A'                 // 錯誤！因為A.js中沒有命名為B的export

import * as from "模塊標識符" （包裝成對象）

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

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

【