Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

JavaScriptの学習を始めたのでその日学んだことをアウトプットしていきます。

JavaScriptとはプログラミング言語の1つで、ページを移動せずに画面の表示を切り替えたり

画面を更新せずに、サーバーと通信することができます。

本題の変数の定義方法ですが、var、const、let、といった3つ存在します。

① var

varとは再定義、再代入が可能な書き方です。

例(定義方法)
スクリーンショット 2020-09-09 21.28.51.png

console.log(sample)とするとおはようが出力されます。
スクリーンショット 2020-09-09 21.30.47.png

また、再代入が可能でこうすると代入できます。
スクリーンショット 2020-09-09 21.33.40.png

また、再定義も可能で
スクリーンショット 2020-09-09 21.34.15.png
と再定義すると
スクリーンショット 2020-09-09 21.34.30.png

このような結果になります。

ただし、varは現在開発現場においてあまり使用されておらず、下記の2つがよく使用されるそうです。

②const

constは後から書き換えることのできない変数を定義する書き方です。
ただし再代入、再定義は共に不可です。

例(定義方法)
スクリーンショット 2020-09-09 21.40.15.png

出力
スクリーンショット 2020-09-09 21.41.13.png

再代入、再定義共に不可なのでこのようにエラーが表示されます。
スクリーンショット 2020-09-09 21.43.38.png

③let

letは後で書き換えることができる変数を定義する書き方になります。
再代入は可能ですが、再定義は不可です。


スクリーンショット 2020-09-09 21.47.52.png

出力
スクリーンショット 2020-09-09 21.48.17.png

代入
スクリーンショット 2020-09-09 21.49.16.png

とこのようになります。

参照
https://techacademy.jp/magazine/14872

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
0
Help us understand the problem. What are the problem?