10.7Modules / Imports First

`import`は最初に置く

すべての`import`文は、他の文よりも上に配置します。`import`は巻き上げられるため、すべてを先頭に置くことで予期せぬ動作を防ぎます。

`import` 文は、コードのどこに書かれていても、そのスコープの先頭で実行されるように巻き上げられます。コードの実行ロジックの途中に `import` を書くと、見た目の実行順序と実際の実行順序が異なり、混乱を招きます。ファイルの先頭にすべての依存関係を明記することで、コードの構造が明確になります。

❌ Bad

// bad
import foo from 'foo';
foo.init();

import bar from 'bar';

✅ Good

// good
import foo from 'foo';
import bar from 'bar';

foo.init();