【JavaScript ES6学習】Modulesのインポート

2019/06/17

codecademyで学習したことをまとめています。
プログラミング初心者の私が学習しながら書いた、完全に自分用のメモみたいなものなので、他人が見ると意味不明だったり、間違いがある可能性があるのでご注意ください。

codecademyは無料でかなりのことが学習できる素晴らしいサイトですが、英語です。
なのでこの記事に書かれている日本語の用語も間違っているかもしれないのでご了承ください。

この記事の目次

今回学習した項目

codecademy
JavaScript
Lesson 11 require(), import, Named Imports, Import as, Combining Import Statements

前回はモジュールをエクスポートする方法をまとめましたが、今回はインポートする方法です。
インポートする方法も複数用意されています。

モジュールをインポートするための一般的な方法がrequire()関数を使うこと、だそうです。

const Menu = require('./menu.js');

function placeOrder() {
  console.log('My order is: ' + Menu.specialty);
}

placeOrder();

“menu.js”をモジュールとしてインポートする例。

import Menu from './menu';

import Menuと書いてますが、このMenuはmenu.jsのオブジェクト名と一致して無くても大丈夫みたいです。

変数名を使用してインポートする方法ですかね。
よくわからないですが。

import { specialty, isVegetarian }
from './menu';

console.log(specialty);

console.log(specialty);としていますが、
Menu.specialtyじゃなくて
specialtyだけで呼び出せるのがNamed importsの特徴

import * as Carte from './menu';

Carte.chefsSpecial;
Carte.isVeg();
Carte.isLowSodium();

import { specialty, isVegetarian, isLowSodium } from './menu';

import GlutenFree from './menu';