JavaScriptで注意すべき書き方メモ

exportとimport

1.個々の機能をエクスポート

export1.js

export const add = (num1, num2) => {
  return num1 + num2;
  };
export const minus = (num1, num2) => {
  return num1 - num2;
};

import1.js

import { add, minus } from "./export1.js"
add(1, 2); // 3
minus(2, 1); // 1

importするとき { } でくくる

2.デフォルトエクスポート

export2.js

const add = (num1, num2) => {
  return num1 + num2;
  };
const minus = (num1, num2) => {
  return num1 - num2;
};
default export {add, minus};

import2.js

import calc from "./export1.js"
calc.add(1, 2); // 3
calc.minus(2, 1) // 1

デフォルトエクスポートの場合は { } でくくらない