Javascript変数宣言-基本知識

Javascript変数宣言 Javascript

今日はJavascriptの変数宣言を紹介します。ほかの開発言語は使ったことがあれば、Javascriptの基本知識を参考すれば、Javascriptの開発に役に立つ。

Javascriptの変数宣言

変数定義は以下のvarキーワードで定義できます。

<script type=”text/javascript”>
    var number = 100;
    console.log(number);
</script>

es6以降では新しいletキーワードが追加され、varキーワードの違いを説明します。

varキーワードの場合、200が出力される。

<script type=”text/javascript”>
    if (true) {
        var number = 200;
    }
    console.log(number);
</script>

letキーワードの場合、エラー「number is not defined」が出力される。
<script type=”text/javascript”>
    if (true) {
        let number = 200;
    }
    console.log(number);
</script>

varとletキーワードの違い:

①スコープの違い:varで宣言した変数は関数スコープですが、letで宣言した変数はブロックスコープ「{}の間に有効」となる。

②宣言位置の違い:var変数は自動的に実行の最初に宣言するが、let変数はvar変数と異なり、その宣言よりも前に参照することはできない。

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