JavaScript Logic Guide

Question

Ich habe kleine Funktion logisch Ausgang sollte 1 sein, aber ich bekomme 10 .. Kann mir jemand mit dieser Logik helfen.

var a=1; 
function foo() { 
    if(!a){ 
     var a=10; 
    } 
    console.log(a); 
} 
foo(); 

Ausgabe kommt 10 nicht 1. Wie.

Answer 1

Es ist wegen etwas namens "hissen".

https://www.w3schools.com/js/js_hoisting.asp

JS Code wie folgt zu hoisting

var a=1; 
function foo(){ 
    var a; 
    if(!a){ 
    a=10; 
    } 
    console.log(a); 
} 
foo(); 

Answer 2

Zusätzlich interpretieren, wie in anderen Antworten erwähnt, denken Sie daran, dass, wenn ES6 schriftlich (per let oder const verwenden) Code verhalten wie du es erwartest.

Warum passiert das? Weil let und const Block-Level-Scoping und nicht Funktionsebene-Scoping haben.

let a = 1; 
 

 
function foo() { 
 
    if (!a) { 
 
    let a = 10; 
 
    } 
 
    console.log(a); 
 
} 
 

 
foo();

Aus diesem Grund, wenn Sie einen JavaScript-Fusseln Mechanismus verwenden, wie ESLint, Sie Regeln wie vars-on-top (https://eslint.org/docs/rules/vars-on-top) speziell für diese Art von Problemen zu vermeiden, sehen werden.