es6深入瞭解模塊化

  • export 命令導出的只是引用的指針,並不是值;當模塊內部更改此變量時候,外部的引用也會發生改變;

  • export 必須定義在模塊頂層的作用域內,函數的作用域內是不行的;導入的應用不可以被重寫;

  • 對export/import 引用重命名
export {name as myname};
import {myname as name} from './index.js';
  • 所有的 export 引用附着在一個對象上 通過 * 導入全部引用,並且附着在一個對象上
import * as obj from './ index.js'; 
console.log(obj.name)
  • 定義默認接口export,以及如何import導入;重用名默認引用名;同時import默認和普通export

let name = 22
export default name //22 通過default輸出的是一個值 不是一個引用

import {default as me} from './index.js'; 
console.log(me)

import {default as me,name,changeName} from 'index.js'
import me,{name,changeName} from 'index.js' //前面的me表示默認的 後面的普通的export

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章