JavaScript の「let」と「var」の違いを理解する

JavaScript の「let」と「var」の区別

フロントエンド JavaScript の例

// Example demonstrating the difference between 'var' and 'let'
function varTest() {
    var x = 1;
    if (true) {
        var x = 2;  // same variable
        console.log(x);  // 2
    }
    console.log(x);  // 2
}

function letTest() {
    let y = 1;
    if (true) {
        let y = 2;  // different variable
        console.log(y);  // 2
    }
    console.log(y);  // 1
}

varTest();
letTest();

「let」と「var」によるスコープを理解する

バックエンド Node.js の例

// Backend example using Node.js to demonstrate 'let' and 'var'
const http = require('http');

http.createServer((req, res) => {
    res.writeHead(200, {'Content-Type': 'text/plain'});
    var count = 10;
    let message = "The count is: ";

    if (true) {
        var count = 20;  // 'count' is hoisted and overwritten
        let message = "New count is: ";  // block-scoped
        res.write(message + count);  // New count is: 20
    }
    res.write(message + count);  // The count is: 20
    res.end();
}).listen(8080);

console.log('Server running at http://127.0.0.1:8080/');

JavaScript の「let」と「var」に関するよくある質問

1. JavaScript におけるホイスティングとは何ですか?
2. ホイスティングは、宣言を現在のスコープの先頭に移動する JavaScript のデフォルトの動作です。 var 宣言はホイストされ、次のように初期化されます。 undefined、 その間 let 宣言は巻き上げられますが、初期化されません。
3. を使用するとどうなりますか let 変数を宣言する前に?
4. にアクセスする let 変数の宣言が結果を返す前に、 ReferenceError。
5. できる let そして var 同じスコープ内で再宣言されますか?
6. いいえ、 let 同じスコープ内で再宣言することはできませんが、 var 同じスコープ内で再宣言できます。
7. なぜですか let ループ内での方が望ましいですか？
8. let ループの反復ごとに新しいバインディングを作成し、各ループ反復が独自のスコープを持つようにします。これにより、クロージャに関連する一般的なバグが防止されます。
9. する var ブロックスコープを尊重しますか？
10. いいえ、 var ブロックのスコープを考慮しません。それは関数スコープまたはグローバルスコープです。
11. 時間的デッドゾーンとは何ですか?
12. 一時的デッド ゾーンは、スコープに入ってから変数が実際に宣言されるまでの時間であり、この間に変数にアクセスします。 let 変数は ReferenceError。
13. できる const ～と同様に使用される let?
14. はい、 const のようなブロックスコープです letですが、再割り当てすべきではない変数を宣言するために使用されます。
15. いつ行うべきか let 使い古される var?
16. let 以上に使用する必要があります var ブロックスコープが必要な場合、および変数のホイスティングとクロージャーの問題を回避するために。