はじめに
学習するに至った経緯
2020年より、未経験からエンジニアへの転職を目指し、某プログラミングスクールへ通う。
入学後、『Ruby』を未経験から学ぶ人が多いのと『Ruby』の求人が思っていた以上に少ないので、
卒業後、フロントエンドのエンジニアを目指す事に。
Javascriptの学習した事を言語化し、認識の深化による備忘録として記載。
const, let等の変数宣言
var
- JavaScript時代ともにバージョンが更新されて、「ES6（ECMAScript6）」が現時点での最新版。 以前までは変数宣言に『var』のみを使用していたが、ES6の環境から『let』と『const』が新たに追加された。『var』はスコープの範囲を広げる自由度の高い変数のため、意図していないエラーが起こり得ることから、使用頻度は低い。
let
- 『let』と『var』においては初期値の設定は必須ではない。
- 『let』と『var』の違いは2つで、① 『var』は再宣言可、『let』は再宣言不可と② 『var』は関数スコープ、『let』はブロックスコープである。
const
- 『const』で定義した変数に値を代入することはできない。
- 『let』と『const』の違いは、『再代入ができないこと』である。 つまり、『const』は、再宣言も再代入もできないため、値を一度決めたら途中で変更ができない。
- 『const』で定義したオブジェクトはプロパティの変更が可能。
let, const, varの特徴
| l e t | const | v a r | |
|---|---|---|---|
| 再代入 | ⚪︎ | × | ⚪︎ |
| 再宣言 | × | × | ⚪︎ |
| ブロックスコープ | ⚪︎ | ⚪︎ | × |
| 関数スコープ | ⚪︎ | ⚪︎ | ⚪︎ |
変数の宣言
文字列や数字、配列などを格納すること。
再代入
文字列や数字、配列などを格納すること。
再宣言
一度宣言した変数を、同じ変数名を使って再び宣言をし直すこと。
スコープ
変数や関数の有効範囲のこと。
ブロックスコープ
ブロックごとに囲まれた範囲のこと。
関数スコープ
関数のブロックごとに作られる範囲のこと。
参考サイト
モダンJavaSciptの基礎から始める挫折しないためのReact入門
【JavaScriptの基本】letとconstどうやって使い分ける？スコープとの関係性も意識しよう
JavaScriptのletとは？知っておくべき特徴と使い方について