【JavaScript】JavaScriptの変数の使い方(let・constについて)

JavaScript

はじめに

今回はJavaScriptで変数「let」「const」について勉強したことを記載していきたいと思います。
JavaScriptにおいて「変数」は、データを一時的に保存し、再利用するための重要な仕組みです。プログラム内で数値や文字列を格納したり、計算結果を保持したりする際に使用されます。「let」「const」を適切に使い分けることで、バグを減らし、読みやすいコードを書いていきましょう。

 

JavaScriptの変数の種類

let

letには以下の特徴があります。

  • 値に名前を付けて扱いたい時に使用
  • 値を再代入したい時に使用
  • ブロック {} 内でのみ有効
  • 同じスコープ内でletで再宣言するとエラーになる

構文

let 変数名 = 代入したい値;

 

let num = 10;

let moji = 'mori'

 

const(定数)

constは定数として使用されてletと違い、値の再代入ができません。

  • 値に名前を付けて扱いたい時に使用
  • 値を定数として扱いたい時に使用
  • ブロック {} 内でのみ有効
  • 再代入不可:値を変更しようとするとエラーになる。

 

構文

const 変数名 = 代入したい値;

 

const num = 10;

const moji = 'mori'

 

スコープについて

グローバルスコープ

グローバルスコープの変数は、プログラムのどこからでもアクセスできます。スクリプトの最上位で定義された変数は、すべてグローバル変数になります。

 

let global = 'グローバル';  

function show() {
    console.log(global); 
}

 

ローカルスコープ

ローカルスコープとは、特定の範囲(関数やブロック内)でのみ有効なスコープです。

 

function show() {
    var local = 'ローカル';
    console.log(local);
}

show();
console.log(local); // エラー

 

最後に

JavaScriptの環境構築は、この記事を参照してみてください。
【JavaScript】VSCodeでJavaScriptを使用するための環境構築を実施する – SEもりのLog JavaScript

以上、ログになります。
これからも継続していきましょう!!

JavaScriptフロントサイド関連
おすすめIT本
良いコード/悪いコードで学ぶ設計入門

「ITエンジニア本大賞2023」技術書部門で大賞を受賞した本です。
・コードの可読性
・普段意識したほうが良いこと
・リファクタリング考え方
等、普段のコードを設計する際に意識することが書かれています。
コードのあるべき姿に迷ったら一度読んでみると良い本です。

仕組みと使い方がわかる Docker&Kubernetesのきほんのきほん

Dockerって何?となったときに私が最初に読んだ本です。
Dockerがどんな仕組みで動いているのか、コマンドでは何を命令しているのかを理解できるように、イラストを多用して説明しています。

1冊ですべて身につくJavaScript入門講座

「ITエンジニア本大賞2024」技術書部門で大賞を受賞した本です。
私が次に読もうと思っている本なのでおすすめとして挙げておきたいと思います。

コメント

タイトルとURLをコピーしました