【JavaScript】変数と参照の振り返り① let,var,constの違いとデータ型

#はじめに

Udemyの【JS】ガチで学びたい人のためのJavaScriptメカニズムの講座の振り返りです。

前回の記事

#目的

• 変数についての理解を深める

#本題
###1.let, var, constの違い

| | version | 再宣言 | 再代入 | スコープ | 初期化 |
|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
| let | ES6~ | ✗ | ◎ | ブロック | ✗ |
| var | | ◎ | ◎ | ブロック |undifined|
| const | ES6~ | ✗ | ✗ | 関数 | ✗ |

再宣言：もう一度変数として宣言する
再代入：一度設定した値を変更できるか
スコープ：varだけ関数スコープが生成
初期化：ホスティングのこと(varはundified)と表示される

以下VSコードで確認していきます。

// 再宣言
// letやconstは再宣言不可（エラーになる）
let a = 0;
let a = 0;
// varは可能（b=1と表示される）
var b = 0;
var b = 1;

// 再代入
// 以下０ではなくcに１を入れ直す
let c = 0;
c = 1;
// constは再代入できない（定数？）
const d = 0;
d = 1;

// スコープ
// constやletの場合はブロックスコープが有効
{
  // 出力できない
  let e = 0;
  // varはブロックスコープが無視される
  var f = 0;
}
// ブロックスコープ外で書いても一緒
var f = 0;

// 初期化
// 宣言をする前に値を取得しようとすると
console.log(h);
// letはエラーになる
let g = 0;
// varは初期値がundifinedなのでそのまま出力される（エラー発生しない）
var h = 0;

// varは非推奨
// ごちゃまぜにすると混乱する

###2．変数とデータ型

JavaScriptのデータ型

型	英名	例
真偽値	Boolean	true/false
数値	Number	1,2,3,,,,
文字列	String	"HelloWorld"
undifined	Undifined
null	null
シンボル	Symbol	一意の値
BigInt	BigInt	12n
オブジェクト	Object	{a:'value'}

数値がNumberなの注意（intじゃない）

今日はここまで！

#参考にさせて頂いた記事

• 【JS】ガチで学びたい人のためのJavaScriptメカニズム