Design Note

exportとexport default

  • exportとexport default
    • export defaultを使う
    • 複数のモジュールをexportするときはexportを使う
    • 理由
      • ECMAScript 6 favors the single/default export style, and gives the sweetest syntax to importing the default. I
      • 簡潔になるよ
    • export
      • import * as utils from ‘./utils’;
      • import { method1, method2 } from ‘./utils’;
    • export default
      • //—— myFunc.js ——
      • export default function () { … };
        • //—— main1.js ——
        • import myFunc from ‘myFunc’;
        • myFunc();
      • //—— MyClass.js ——
      • export default class { … };
        • //—— main2.js ——
        • import MyClass from ‘MyClass’;
        • let inst = new MyClass();
  • exports.method1 = function() {}で書いていたもの
    • export default class Utils {
    •   static method1() {}
    •   static method2() {}
    • }