変数とデータ型

JavaScriptでは、変化しない参照は const、再代入する値は let で宣言します。

このLessonのゴール

JavaScriptもWith Café本体と分けて、小さなコードから確認します。

with-cafe/practice/javascript/
├── 01-variables.html
└── 01-variables.js

practice内にjavascriptフォルダを作り、上の2ファイルを作成してください。このLessonでは本体のjs/main.jsは編集しません。

01-variables.htmlのhead内からJavaScriptを読み込みます。

<script src="01-variables.js" defer></script>

以降のJavaScriptコードは01-variables.jsへ記述し、結果はブラウザのConsoleで確認します。

JavaScriptファイルを直接ブラウザで開くのではなく、JavaScriptを読み込んでいる01-variables.htmlを開きます。

const siteName = "With Café";
let completedLessons = 0;
const isLoggedIn = true;

completedLessons = completedLessons + 1;

主なデータ型にはstring、number、boolean、null、undefined、objectがあります。値の型を意識すると、不具合を見つけやすくなります。

まずconstを使い、再代入が本当に必要な場合だけletへ変える習慣がおすすめです。