js-ES6學習筆記-module（2）

標籤：cti   命名   ret   modules   系統   file   round   載入   變數   

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.jsfunction add(x, y) {  return x * y;}export {add as default};// 等同於// export default add;// app.jsimport { 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;

 

js-ES6學習筆記-module（2）