エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
JavaScriptのimportの「{}」ってなに?
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
JavaScriptのimportの「{}」ってなに?
背景 最近、JavaScriptやTypeScriptを勉強していて、import文で「{}」(中括弧、braces) がある場合と... 背景 最近、JavaScriptやTypeScriptを勉強していて、import文で「{}」(中括弧、braces) がある場合とない場合の違いがわからず、気持ち悪かったので調べてみました。 調べた結果 importの{}は「名前つきインポート」 名前つきエクスポートされたオブジェクトの名前を指定してインポートする場合に使う import時に、{ xxx as yyy }とすることでimport側で任意の変数名にすることができる const foo = "named export foo"; const bar = () => { console.log('named export bar'); } // 名前つきエクスポート export { foo, bar }; // 名前つきインポート import { bar, foo } from './export-sample.js';