Jeden var na funkcję w JavaScript?

Question

Używam JSLint, aby poczuć się źle z powodu mojego JavaScript. Przy okazji jest super. Jest jedna kontrola, której nie bardzo rozumiem i proszę o twoje opinie.

Od jslint.com:

W językach z zakresu bloku, zaleca się zwykle, że zmienne być zadeklarowane w miejscu pierwszego użycia. Ale ponieważ JavaScript nie ma zasięgu bloku, rozsądniej jest zadeklarować wszystkie zmienne funkcji u góry funkcji. Zaleca się stosowanie pojedynczej instrukcji var dla każdej funkcji.

Co tak naprawdę brzmi ostatnie słowo pogrubione? Myślę, że powinienem zadeklarować wiele zmiennych w ten sposób?

var foo = 1, bar = 2; 

A jest „mądry” część po prostu styl programowania, aby zniechęcić błędów w dół linii lub jest tam więcej niż tylko to?

Dzięki za pomoc.

Answer 1

Problem polega na tym, że javascript niewidzialnie przenosi wszystkie deklaracje var na szczyt zakresu funkcji.

więc jeśli masz funkcję jak ten

var i = 5; 
function testvar() { 
    alert(i); 
    var i=3; 
} 
testvar(); 

oknie alertu będzie zawierać niezdefiniowane. ponieważ wewnętrznie zostało to zmienione na:

var i = 5; 
function testvar() { 
    var i; 
    alert(i); 
    i=3; 
} 
testvar(); 

to się nazywa "podnoszenie". Powodem, dla którego Crockford tak zdecydowanie popiera deklaracje w var, jest to, że kod ten w widoczny sposób odpowiada temu, co zamierza zrobić, zamiast pozwalać na wystąpienie niewidocznego i nieoczekiwanego zachowania.

Answer 2

Zasadniczo w blokach JavaScript ({ ... }) nie wprowadzaj nowego zakresu, istnieje tylko zakres funkcji, więc żaden zakres nie jest tworzony na żadnej innej instrukcji.

Zmienna wprowadzona w dowolnym miejscu funkcji jest widoczna wszędzie w funkcji.

Na przykład:

function myFunction(){ 
    var one = 1; 

    if (one){ 
    var two = one + 1; 
    } 

    (function() { 
    var three = one + two; 
    })(); 

    // at this point both variables *one* and *two* are accessible but 
    // the variable *three* was declared in the scope of a inner function 
    // and is not accessible at this point. 
} 

W językach z zakresu bloku, zaleca się deklarować zmienne w momencie pierwszego użycia, ale ponieważ JavaScript nie posiada zakresu bloku, to lepiej zadeklarować aż tu zmienne funkcji na górze funkcji.

Sprawdź to article.

Answer 3

Tak, oznacza to, że deklarujesz wszystkie zmienne na początku funkcji. Czy chcesz to zrobić w jednym wierszu, czy w wielu liniach, to kwestia wyboru.

Powód jest wyjaśniony w akapicie, o którym wspomniałeś. Zmienne JavaScript mają tylko zasięg na poziomie funkcji. Jeśli zadeklarujesz tę samą zmienną w bloku if/while/for, zostanie ona nadpisana przez nową wartość, ponieważ blok nie zawiera nowego zakresu. Różni się to od języków takich jak Java. Aby uniknąć takich niespodzianek, zadeklaruj wszystkie zmienne, których będziesz używał w funkcji na początku funkcji, aby nie przypadkowo "redeclare" i cokolwiek.

Answer 4

brak zakresu bloku wyjaśnia poniższy kod:

var a = 1; 
if (something) { 
    var a = 2; 
} 

alert(a); // Alerts "2" 

W większości stylu C (jak w składni) językach, definicja var a = 2 byłoby określenie „a” tylko dla zakresu bloku if. Używanie pojedynczej instrukcji var u góry funkcji pomaga uniknąć tego dziwactwa JavaScript, które nie zawsze jest tak oczywiste, jak powyższe, i byłoby nieoczekiwane dla programistów C/C#/Java.