Zakres zmiennej pętli JavaScript

JavaScript nie ma zakresu blokowego, tylko zakres funkcji. Ponieważ inicjalizacja i znajduje się w obrębie jednej funkcji, zmienna ta jest dostępna gdziekolwiek indziej w tej samej funkcji.

From MDN:

Ważne: JavaScript nie ma zakresu bloków. Zmienne wprowadzone za pomocą bloku są ograniczone do funkcji zawierającej lub skryptu, a efekty ich ustawienia utrzymują się poza samym blokiem. Innymi słowy, polecenia blokowe nie wprowadzają zakresu. Chociaż bloki" standalone " są poprawną składnią, nie chcesz używać bloków autonomicznych w JavaScript, ponieważ nie robią tego, co myślisz, że robią, jeśli myślisz, że robią coś takiego w C lub Javie.

Ludzie javascript próbują to naprawić!

EcmaScript6 (aka EcmaScript 2015) to najnowsza wersja javascript, która została wydana latem ubiegłego roku, a przeglądarki dopiero zaczynają wspierać jego funkcje.

Jedną z tych cech jest zmienna lokalna typu block-scope z wyrażeniem "let". Obecnie (Kwiecień 2016) większość obecnych wersji głównych przeglądarek obsługuje to z wyjątkiem Safari. Kilka przeglądarek mobilnych to obsługuje.

Możesz przeczytać więcej na ten temat tutaj (w szczególności patrz sekcja " let-scoped variables in for loops"): https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let

Możesz sprawdzić bieżącą obsługę przeglądarki tutaj (poszukaj wiązań wierszy - > let): https://kangax.github.io/compat-table/es6/

W przeciwieństwie do innych języków (na przykład: Java, C++, C), JavaScript nie obsługuje zakresu bloków. Gdy zadeklarujesz zmienną w pętli lub w funkcji, jej zakres znajduje się w ciele funkcji, jeśli wykonasz

for(i=0; i<arr.length; i++) {
    var j=0;
    // ...
}

Tutaj i staje się zmienną globalną i {[2] } staje się lokalną dla funkcji lub skryptu, w którym znajduje się pętla.

for(i=0; i<arr.length; i++) {
    var j=0;
    // ...
}

Nie jest poprawne stwierdzenie, że powyższe tworzy zmienną globalną i. Uważam, że zawsze powinieneś używać var do deklarowania zmiennych (chyba że celowo chcesz "właściwości", a nie "zmiennej" - co jest mało prawdopodobne w 99,99% scenariuszy kodowania JS ...)

Pominięcie var podczas przypisywania wartości początkowej do {[3] }nie jest tworzeniem zmiennej lokalnej lub nawet globalnej, jest tworzeniem właściwości i dla obiektu globalnego (który może wydawać się / zachowywać się głównie jak zmienna globalna - ale mają pewne subtelne różnice).

Lepiej byłoby:

var i;
for(i=0; i<arr.length; i++) {
    var j=0;
    // ...
}

Teraz pętla używa zmiennej globalnej i (lub zmiennej lokalnej funkcji i, Jeśli ten kod pojawia się w funkcji)

Zobacz więcej na ten temat w jaka jest funkcja słowa kluczowego var i zmienne A właściwości w Javascript

-- zauważ, że nieco mylące jest to, że możesz ponownie zadeklarować zmienną, na przykład w sekundę loop

for(var i=0; i<9; i++){
    document.write('i = ' + i + '<br>');
}


for(var i=0; i<9; i++){
    document.write('i = ' + i + '<br>');
}

To wydaje się być poprawne(żadnych błędów podczas testowania). Wydaje się, że można ponownie zadeklarować zmienne w JavaScript - ale prawdopodobnie nie każdy jest dobrym pomysłem, chyba że jest to szczególny przypadek-zobacz to powiązane pytanie, wspominając o tym, jak [Google Analytics korzysta z "bezpiecznej" redeclaracji zmiennej] ( Redeclaring zmiennej javascript)

Istnieje dyskusja na temat ponownej deklaracji zmiennych w JS (a także zmiennych pętlowych, takich jak i) w tym związanym więc pytaniu: zadeklaruj zmienne wewnątrz lub poza pętlą

Istnieje wzorzec JavaScript dla pojedynczej deklaracji zmiennych