理解レットスコープ

Question

コードで私の前提は、2番目のlet xのコードは、時間的不感帯にあることです。したがって、エラーを投げるべきではありません。

コード

function f(condition, x) { 
 
    if (condition) { 
 
    let x = 100; 
 
    return x; 
 
    } 
 
    let x = 30; // <---- throw error 
 

 
    return x; 
 
} 
 

 
f(true, 1);

Answer 1

さてここで問題は、あなたが同じfunctionで二回同じ変数xを再宣言しているということなので、変数xが掲揚されます。

if (condition) { 
    //This x declaration is fine as it wasn't preceded with any others declaration inside the same block scope 
    let x = 100; 
    return x; 
    } 
    //Now this second x declaration will cause the hoisting problem 
    let x = 30; // <---- throw error 

ここで二let x = 30;宣言は、あなたのfunctionスコープでx変数を巻き上げています。結論として、同じ変数を同じスコープ内で複数回宣言することはできません。

さらにJavaScriptでvaraible巻上について読むために次のことが確認できます。

• MDN Hoisting referenceを。
• A guide to JavaScript variable hoisting with let and const article

Answer 2

問題は、xすでに外側Xと同じ範囲を持つ関数パラメータされた状態であるように見えます。関数のパラメータxをyに変更すると、コードは正常に動作します。

コード

function f(condition, y) { 
 
    if (condition) { 
 
    let x = 100; 
 
    return x; 
 
    } 
 
    let x = 30; // <---- doesnt throw error 
 

 
    return x; 
 
} 
 

 
f(true, 1);