JavaScript biến ràng buộc và vòng lặp

Question

xem xét vòng lặp như vậy:

for(var it = 0; it < 2; it++) 
{ 
    setTimeout(function() { 
     alert(it); 
    }, 1); 
} 

Đầu ra là:

=> 2 
=> 2 

Tôi muốn nó là: 0, 1. Tôi thấy hai cách để giải quyết nó:

Giải pháp # 1.

Điều này dựa trên thực tế là chúng tôi có thể chuyển dữ liệu đến setTimeout.

for(var it = 0; it < 2; it++) 
{ 
    setTimeout(function(data) { 
     alert(data); 
    }, 1, it); 
} 

Giải pháp # 2.

function foo(data) 
{ 
    setTimeout(function() { 
     alert(data); 
    }, 1); 
} 

for(var it = 0; it < 2; it++) 
{ 
    foo(it); 
} 

Có bất kỳ lựa chọn thay thế khác?

Answer 1

Không thực sự bất cứ điều gì nhiều hơn hai cách mà bạn đã đề xuất, nhưng đây là một

for(var it = 0; it < 2; it++) 
{ 
    (function() { 
     var m = it; 
     setTimeout(function() { 
      alert(m); 
     }, 1); 
    })(); 
} 

Về cơ bản, bạn cần phải nắm bắt được giá trị biến trong một đóng cửa. Phương thức này sử dụng một hàm ẩn danh được gọi ngay lập tức để nắm bắt giá trị biến bên ngoài it trong một biến cục bộ m.

Đây là số Working Demo để chơi cùng. thêm /chỉnh sửa vào URL để xem mã

Answer 2

Tương tự như giải pháp trên nhưng tự cách gọi bên trong setTimeout chức năng

for(var it = 0; it < 2; it++) 
{ 
    setTimeout(function(cur) { 
     return function(){ 
      alert(cur); 
     }; 
    }(it), 1); 
} 

Answer 3

Với từ khóa cho phép bạn có thể khắc phục hoàn toàn sau:

for(let it = 0; it < 2; it++) 
{ 
    setTimeout(function() { 
     alert(it); 
    }, 1); 
} 

Answer 4

Tương tự như các giải pháp khác, nhưng theo ý kiến ​​của tôi sạch hơn:

for (var it = 0; it < 2; it++) { 
    // Capture the value of "it" for closure use 
    (function(it) { 
    setTimeout(function() { 
     alert(it); 
    }, 1); 
    // End variable captured code 
    })(it) 
} 

Điều này giữ cùng tên biến cho việc chụp, và thực hiện nó cho toàn bộ vòng lặp, tách nó khỏi logic của thiết lập thời gian chờ. Nếu bạn muốn thêm nhiều logic bên trong khối, bạn có thể làm điều đó một cách tầm thường.

Điều duy nhất tôi không thích về giải pháp là lặp lại "nó" ở cuối.