0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

JavaScriptを基本からまとめてみた【6】【変数宣言】

Last updated at Posted at 2021-07-26

##はじめに

####学習するに至った経緯

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入門]
(https://www.udemy.com/course/modern_javascipt_react_beginner/learn/lecture/21899196#overview)
[【JavaScriptの基本】letとconstどうやって使い分ける?スコープとの関係性も意識しよう]
(https://tcd-theme.com/2021/04/javascript-let-const.html)
[JavaScriptのletとは?知っておくべき特徴と使い方について]
(https://www.sejuku.net/blog/58429)

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?