"Var" atau tidak ada "var" di loop "for-in" JavaScript?

Apa cara yang benar untuk menulis for-inloop di JavaScript? Browser tidak mengeluarkan keluhan tentang salah satu dari dua pendekatan yang saya tunjukkan di sini. Pertama, ada pendekatan ini di mana variabel iterasi xdideklarasikan secara eksplisit:

for (var x in set) {
    ...
}

Dan sebagai alternatif, pendekatan ini yang terbaca lebih alami tetapi tampaknya tidak benar bagi saya:

for (x in set) {
    ...
}

Gunakan var, ini mengurangi ruang lingkup variabel jika variabel mencari penutupan terdekat mencari varpernyataan. Jika tidak dapat menemukan varmaka itu global (jika Anda dalam mode ketat using strict, variabel global membuat kesalahan). Hal ini dapat menyebabkan masalah seperti berikut ini.

function f (){
    for (i=0; i<5; i++);
}
var i = 2;
f ();
alert (i); //i == 5. i should be 2

Jika Anda menulis var idi loop for, peringatan akan ditampilkan 2.

Scoping dan Hoisting JavaScript

Versi pertama:

for (var x in set) {
    ...
}

mendeklarasikan variabel lokal yang dipanggil x. Versi kedua:

for (x in set) {
    ...
}

tidak.

Jika xsudah menjadi variabel lokal (yaitu Anda memiliki var x;atau di var x = ...;suatu tempat sebelumnya dalam lingkup Anda saat ini (yaitu fungsi saat ini)) maka mereka akan setara. Jika xbelum menjadi variabel lokal, maka menggunakan yang kedua akan secara implisit mendeklarasikan variabel global x. Pertimbangkan kode ini:

var obj1 = {hey: 10, there: 15};
var obj2 = {heli: 99, copter: 10};
function loop1() {
    for (x in obj1) alert(x);
}
function loop2() {
    for (x in obj2) {
        loop1(); 
        alert(x);
    }
}
loop2();

Anda mungkin berharap ini peringatan hey, there, heli, hey, there, copter, tapi karena xsatu dan sama itu akan mengingatkan hey, there, there, hey, there, there. Anda tidak menginginkan itu! Gunakan var xdifor loop .

Untuk melengkapi semua ini: jika forloop berada dalam cakupan global (yaitu bukan dalam fungsi), maka cakupan lokal (cakupan xdideklarasikan jika Anda menggunakan var x) sama dengan cakupan global (cakupan xsecara implisit dideklarasikan dalam jika Anda menggunakan xtanpa var), maka kedua versi tersebut akan sama.

Anda benar-benar harus mendeklarasikan variabel lokal dengan var, always .

Anda juga tidak boleh menggunakan pengulangan "untuk ... dalam" kecuali Anda benar-benar yakin bahwa itu yang ingin Anda lakukan. Untuk iterasi melalui array nyata (yang cukup umum), Anda harus selalu menggunakan loop dengan indeks numerik:

for (var i = 0; i < array.length; ++i) {
  var element = array[i];
  // ...
}

Iterasi melalui array biasa dengan "for ... in" dapat menimbulkan konsekuensi yang tidak terduga, karena loop Anda mungkin mengambil atribut array selain yang diindeks secara numerik.

edit - di sini pada tahun 2015 juga boleh digunakan .forEach()untuk mengulang melalui array:

array.forEach(function(arrayElement, index, array) {
  // first parameter is an element of the array
  // second parameter is the index of the element in the array
  // third parameter is the array itself
  ...
});

The .forEach()Metode hadir pada prototipe Array dari IE9 ke depan.

Sebenarnya, jika Anda tidak menyukai deklarasi dalam forheading, Anda dapat melakukan:

var x;
for (x in set) {
    ...
}

Seperti yang disebutkan dalam jawaban lain untuk pertanyaan ini, tidak menggunakan varsama sekali menghasilkan efek samping yang tidak perlu seperti menetapkan properti global.

Gunakan salah satu tempat Anda mendeklarasikan variabel loop dengan var. Variabel yang dideklarasikan secara implisit memiliki cakupan berbeda yang mungkin bukan yang Anda inginkan.

for(var i = 0; ...)

adalah pola yang umum terlihat tetapi berbeda dari

for(int i; ...)

di C ++ karena variabel tidak dicakup ke forblok. Faktanya, yang vardiangkat ke atas lingkup penutup (fungsi) sehingga lokal iakan tersedia secara efektif baik sebelum forloop (setelah awal ruang lingkup / fungsi saat ini) dan setelahnya.

Dengan kata lain, melakukan:

(function(){ //beginning of your current scope;
 //...
 for(var i in obj) { ... };
})();

sama dengan:

(function(){ //beginning of your current scope;
 var i;
 //...
 for(i in obj) { ... };
})();

ES6 memiliki letkata kunci (bukan var) untuk membatasi cakupan ke blok for.

Tentu saja, Anda HARUS menggunakan variabel lokal (yang dideklarasikan dengan varatau letatau const(dalam ES6)) daripada variabel global implisit.

for(i=0; ...)atau for(i in ...)akan gagal jika Anda menggunakan "use strict";(sebagaimana mestinya) dan itidak dideklarasikan.

Menggunakan varadalah cara terbersih, tetapi keduanya bekerja seperti yang dijelaskan di sini: https://developer.mozilla.org/en/JavaScript/Reference/Statements/for...in

Pada dasarnya, dengan menggunakan varAnda memastikan bahwa Anda membuat variabel baru. Jika tidak, Anda mungkin tidak sengaja menggunakan variabel yang ditentukan sebelumnya.

Saya pikir var bagus untuk alasan kinerja.

Javascript tidak akan melihat seluruh cakupan global untuk melihat apakah x sudah ada di tempat lain.

Dari sudut pandang umum, versi pertama adalah untuk indeks yang harus hidup dalam lingkup loop, sedangkan yang lain akan menjadi variabel dalam lingkup di mana konstruktor loop dipanggil.

Jika Anda akan menggunakan indeks loop di dalam for loop dan ini tidak akan diperlukan oleh orang lain di baris berikutnya, lebih baik deklarasikan variabel dengan "var" sehingga Anda akan yakin "x" untuk indeks loop yang diinisialisasi dengan 0, sedangkan yang lainnya, jika variabel "x" lain tersedia dalam konteks ini, ini akan ditimpa oleh indeks loop - Anda akan memiliki beberapa kesalahan logika -.