javascript模塊導入導出
阿新 • • 發佈:2018-01-25
理解 默認 命名 exports 都是 exp php code 導出
第一次知道javascript有模塊的概念通常都是使用<script>標簽進行引入,不過只能在html文件上使用
增加的模塊就如同php裏的include、require可以使用引入的內容,
不過php是默認引入的文件內部全部可用,而javascript則是選擇導出、選擇導入,只可以使用引入的函數、變量、對象
codecademy上理解javascript module 部分
JavaScript中的模塊是可重復使用的代碼段,可以從一個程序導出並導入到另一個程序中使用。
module.exports
將模塊導出用於其他程序。- module.export = 變量; || module.export = {對象內屬性方法}
- module.export = 變量; || module.export = {對象內屬性方法}
require()
導入當前程序中使用的模塊。- conste 變量 = require(‘引入的文件相對地址帶後綴名.js‘);
ES6引入了一個更靈活,更簡單的語法來導出模塊:
- 默認導出用於
export default
導出JavaScript對象,函數和原始數據類型。- export default 變量;
- 命名導出使用
export
關鍵字來導出變量中的數據。- export {變量名、對象名、函數};
- 命名導出可以用
as
關鍵字別名。- export {變量名 as 別名、對象名、函數};
import
是導入任何對象,函數或數據類型的關鍵字。- import 變量 from ‘文件相對地址(不要文件後綴)‘;
javascript模塊導入導出