Javascript 「let」の使い方

Javascriptの変数『let』 。

『var』とどう違うの？

簡単に言うと、let は波括弧{}でだけ存在する変数になります。

例えば下の場合、波括弧は1つしかないので var と let は同等になります。

function test() {
    var aaa;
    let bbb;
    var ccc;

    aaa = 1;
    bbb = 1;
    ccc = aaa + bbb;
}

次に let を波括弧で囲うと変数bbbは波括弧外では存在しないのでエラーになります。

function test() {
    var aaa;
{
    let bbb;
}
    var ccc;

    aaa = 1;
    bbb = 1; // エラーになる
    ccc = aaa + bbb;
}

つまり、{}内だけの変数ということです。

変数をこの範囲だけ使いたいという場合に let を使用するということですね。

一時的な変数を複数定義する時などに便利だと思いますよ。

JavaScript コードレシピ集

技術評論社

JavaScriptによるWeb開発のための、究極のレシピ集が登場。制作の現場で使われる定番テクニックからプロ技まで余すところなく集めました。基本文法/文字や数値の取り扱い/データの取り扱い/ブラウザーの操作/ユーザーアクション/HTML要素の操作/アニメーション/画像、音声、動画/スマートフォンのセンサーなど、目的別にレシピを整理