1、如果想為輸入的變量重新取一個名字，import命令要使用as關鍵字，將輸入的變量重命名。

import { lastName as surname } from './profile';

2、import命令具有提升效果，會提升到整個模塊的頭部，首先執行。這種行為的本質是，import命令是編譯階段執行的，在代碼運行之前。

3、由于import是靜態執行，所以不能使用表達式和變量，這些只有在運行時才能得到結果的語法結構。

4、除了指定加載某個輸出值，還可以使用整體加載，即用星號（*）指定一個對象，所有輸出值都加載在這個對象上面。

import * as circle from './circle';console.log('圓面積：' + circle.area(4)); console.log('圓周長：' + circle.circumference(14));

5、使用export default時，對應的import語句不需要使用大括號。export default命令用于指定模塊的默認輸出。顯然，一個模塊只能有一個默認輸出，因此export default命令只能使用一次。所以，import命令后面才不用加大括號，因為只可能對應一個方法。

6、本質上，export default就是輸出一個叫做default的變量或方法，然后系統允許你為它取任意名字。所以，下面的寫法是有效的。

// modules.js function add(x, y) {return x * y; } export {add as default}; // 等同于 // export default add;// app.js import { default as xxx } from 'modules'; // 等同于 // import xxx from 'modules';

7、如果在一個模塊之中，先輸入后輸出同一個模塊，import語句可以與export語句寫在一起。

export { foo, bar } from 'my_module';// 等同于 import { foo, bar } from 'my_module'; export { foo, bar };

具名接口改為默認接口的寫法如下。

export { es6 as default } from './someModule';// 等同于 import { es6 } from './someModule'; export default es6;

?

轉載于:https://www.cnblogs.com/zczhangcui/p/6562006.html

總結

以上是生活随笔為你收集整理的js-ES6学习笔记-module（2）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。