JavaScriptのimportスタイル

JavaScriptには4通りの import がある。

• import - JavaScript | MDN

名前付きインポート(Named import)

export されたオブジェクトを個別にインポートする方法。

import { run, User as FileUser } from 'module';

デフォルトインポート(Default import)

default export されたオブジェクトをインポートする方法。

import React from 'react';

// これでも同じ
import { default as React } from 'react';

名前空間インポート(Namespace import)

export されたオブジェクトすべてをインポートする方法。

import * as core from '@actions/core';

TypeScriptでは、この記法は名前空間を作成する。

namespace core {
  export type Object = Readonly<{}>;
}

• 令和5年に知っているべきTypeScriptのnamespaceの知識

副作用インポート(Side effect import)

インポートしたときの副作用だけ利用したい場合。

import 'module';