Các biến JavaScript khai báo bên ngoài hoặc bên trong vòng lặp?

Trong AS3 tôi tin rằng bạn nên khởi tạo tất cả các biến ngoài vòng lặp để tăng hiệu suất. Đây có phải là trường hợp với JavaScript không? Cái nào tốt hơn / nhanh hơn / thực hành tốt nhất?

var value = 0;

for (var i = 0; i < 100; i++)
{
    value = somearray[i];
}

hoặc là

for (var i = 0 ; i < 100; i++)
{
    var value = somearray[i];
}

Có hoàn toàn không có sự khác biệt về ý nghĩa hoặc hiệu suất, trong JavaScript hoặc ActionScript.

varlà một lệnh cho trình phân tích cú pháp và không phải là lệnh được thực thi trong thời gian chạy. Nếu một mã định danh cụ thể đã được khai báo varmột lần hoặc nhiều hơn bất cứ nơi nào trong thân hàm (*), thì tất cả việc sử dụng mã định danh đó trong khối sẽ được tham chiếu đến biến cục bộ. Không có sự khác biệt cho dù valueđược tuyên bố là varbên trong vòng lặp, bên ngoài vòng lặp hoặc cả hai.

Do đó, bạn nên viết bất cứ điều gì bạn thấy dễ đọc nhất. Tôi không đồng ý với Crockford rằng đặt tất cả các vars lên hàng đầu của một chức năng luôn là điều tốt nhất. Đối với trường hợp một biến được sử dụng tạm thời trong một phần của mã, tốt hơn là khai báo vartrong phần đó, vì vậy phần đó đứng một mình và có thể được sao chép. Mặt khác, sao chép-dán một vài dòng mã vào một chức năng mới trong quá trình tái cấu trúc, mà không chọn riêng và di chuyển liên kết var, và bạn đã có cho mình một thế giới tình cờ.

Đặc biệt:

for (var i; i<100; i++)
    do something;

for (var i; i<100; i++)
    do something else;

Crockford sẽ khuyên bạn nên loại bỏ cái thứ hai var(hoặc loại bỏ cả vars và làm var i;ở trên), và jslint sẽ rên rỉ với bạn vì điều này. Nhưng IMO sẽ dễ duy trì hơn để giữ cả hai vars, giữ tất cả các mã liên quan với nhau, thay vì có một đoạn mã bổ sung, dễ bị lãng quên ở đầu hàm.

Cá nhân tôi có xu hướng khai báo là varlần gán đầu tiên của một biến trong một phần mã độc lập, cho dù có sử dụng riêng một tên biến khác trong một phần khác của cùng một hàm hay không. Đối với tôi, việc phải khai báo vartất cả là một mụn cóc JS không mong muốn (tốt hơn là nên có các biến mặc định thành cục bộ); Tôi không coi nhiệm vụ của mình là sao chép các giới hạn của [bản sửa đổi cũ của] ANSI C trong JavaScript.

(*: khác với các hàm chức năng lồng nhau)

Về lý thuyết, nó không nên tạo ra bất kỳ sự khác biệt nào trong JavaScript, vì ngôn ngữ không có phạm vi chặn, mà chỉ có phạm vi chức năng.

Tôi không chắc chắn về đối số hiệu suất, nhưng Douglas Crockford vẫn khuyến nghị rằng các varcâu lệnh nên là câu lệnh đầu tiên trong thân hàm. Trích dẫn từ các quy ước mã cho ngôn ngữ lập trình JavaScript :

JavaScript không có phạm vi khối, vì vậy việc xác định các biến trong các khối có thể gây nhầm lẫn cho các lập trình viên có kinh nghiệm với các ngôn ngữ gia đình C khác. Xác định tất cả các biến ở đầu hàm.

Tôi nghĩ rằng anh ta có một điểm, như bạn có thể thấy trong ví dụ sau. Khai báo các biến ở đầu hàm không được khiến người đọc nhầm lẫn rằng biến đó i được giữ trong phạm vi của forkhối vòng lặp:

function myFunction() {
  var i;    // the scope of the variables is very clear

  for (i = 0; i < 10; i++) {
    // ...
  }
}

Các ECMA-/Javascriptngôn ngữ hoistsbất kỳ biến mà được khai báo bất cứ nơi nào để phía trên cùng của một hàm. Đó là bởi vì ngôn ngữ này có function scopevà không có block scopenhiều ngôn ngữ giống như C khác.
Điều đó còn được gọi là lexical scope.

Nếu bạn tuyên bố một cái gì đó như

var foo = function(){
    for(var i = 0; i < 10; i++){
    }
};

Điều này được hoisted:

var foo = function(){
    var i;
    for(i = 0; i < 10; i++){
    }
}

Vì vậy, nó không tạo ra bất kỳ sự khác biệt nào trong hiệu suất (Nhưng hãy sửa tôi nếu tôi hoàn toàn sai ở đây).
Một đối số tốt hơn nhiều cho việc không khai báo một biến ở một nơi nào khác ngoài đầu hàm là khả năng đọc . Khai báo một biến trong một for-loopcó thể dẫn đến giả định sai rằng biến này chỉ có thể được truy cập trong thân vòng lặp, điều này hoàn toàn sai . Nguyên vẹn bạn có thể truy cập vào biến đó bất cứ nơi nào trong phạm vi hiện tại.

Năm tới, tất cả các trình duyệt sẽ có các công cụ JS biên dịch mã trước, do đó, sự khác biệt về hiệu năng (xuất phát từ việc phân tích cùng một khối mã nhiều lần cộng với việc thực hiện gán) sẽ trở nên không đáng kể.

Ngoài ra, không bao giờ tối ưu hóa cho hiệu suất trừ khi bạn phải. Giữ các biến gần với nơi bạn cần đến lần đầu tiên để giữ mã của bạn sạch sẽ. Về mặt tiêu cực, những người đã quen với các ngôn ngữ có phạm vi khối có thể bị nhầm lẫn.

Một xem xét khác, bây giờ chúng ta có letvà consttrong ES2015, là bây giờ bạn có thể phạm vi các biến cụ thể cho khối vòng lặp. Vì vậy, trừ khi bạn sẽ cần cùng một biến bên ngoài vòng lặp (hoặc nếu mỗi lần lặp phụ thuộc vào một thao tác được thực hiện cho biến đó trong lần lặp trước đó), có lẽ nên làm điều này:

for (let i = 0; i < 100; i++) {
    let value = somearray[i];
    //do something with `value`
}

Tôi vừa làm một thử nghiệm đơn giản trong Chrome. Hãy thử fiddle trong trình duyệt của bạn và xem kết quả

  var count = 100000000;
    var a = 0;
    console.log(new Date());

    for (var i=0; i<count; i++) {
      a = a + 1
    }

    console.log(new Date());

    var j;
    for (j=0; j<count; j++) {
      a = a + 1;
    }

    console.log(new Date());

    var j;
    for (j=0; j<count; j++) {
        var x;
        x = x + 1;
    }

    console.log(new Date());

Kết quả là bài kiểm tra cuối cùng mất ~ 8 giây và 2 lần trước chỉ ~ 2 giây. Rất lặp lại và bất kể thứ tự.

Vì vậy, điều này chứng tỏ với tôi, rằng người ta phải luôn luôn khai báo các vars bên ngoài vòng lặp. Trường hợp tò mò với tôi là trường hợp đầu tiên tôi khai báo itrong câu lệnh for (). Bài kiểm tra này dường như nhanh như bài kiểm tra thứ 2 nơi tôi khai báo trước chỉ mục.

JavaScript là ngôn ngữ được viết ở phía dưới bởi C hoặc C ++, tôi không chắc đó là ngôn ngữ nào. Và một trong những mục đích của nó là tiết kiệm công sức xử lý bộ nhớ trong. Ngay cả trong C hoặc C ++, bạn sẽ không phải lo lắng về việc liệu nó sẽ tiêu tốn nhiều tài nguyên khi các biến được khai báo trong một vòng lặp. Tại sao bạn nên lo lắng về nó trong JavaScript?

Chà, điều đó phụ thuộc vào những gì bạn đang cố gắng đạt được ... nếu valuegiả sử chỉ là một biến tạm thời bên trong khối vòng lặp thì việc sử dụng hình thức thứ hai sẽ rõ ràng hơn nhiều. Nó cũng hợp lý và dài dòng hơn.

Nó không tạo ra sự khác biệt nếu bạn khai báo các biến bên trong hoặc bên ngoài vòng lặp for. Dưới đây là mã mẫu để kiểm tra.

function a() {
   console.log('Function a() starts');
   console.log(new Date());
    var j;
    for (j=0; j<100000000; j++) {
        var x;
        x = x + 1;
    }
    console.log(new Date());
    console.log('Function a() Ends');
}
a()
function b() {
console.log('Function B() starts');
   console.log(new Date());
    var a;
    var j;
    for (j=0; j<100000000; j++) {
      a = a + 1;
    }
    console.log(new Date());
    console.log('Function B() Ends');
}
b()

Kết quả cho thấy trong trường hợp của tôi

Function a() starts
VM121:3 Thu Apr 12 2018 15:20:26 GMT+0530 (India Standard Time)
VM121:9 Thu Apr 12 2018 15:20:26 GMT+0530 (India Standard Time)
VM121:10 Function a() Ends
VM121:14 Function B() starts
VM121:15 Thu Apr 12 2018 15:20:26 GMT+0530 (India Standard Time)
VM121:21 Thu Apr 12 2018 15:20:26 GMT+0530 (India Standard Time)
VM121:22 Function B() Ends

Cảm ơn bạn - MyFavs.in

Câu hỏi ở đây về cơ bản là khai báo một var bên trong một vòng lặp. Chỉ cần nghĩ những gì sẽ xảy ra nếu bạn làm điều này:

var a = 30;
var a = 50;
var a = 60;

Bạn có nghĩ điều này đúng không? Không ... bởi vì bạn không muốn khai báo một biến quá nhiều lần. Khi bạn khai báo một biến trong một vòng lặp, nó không khai báo bao nhiêu lần vòng lặp chạy? Rõ ràng là nó sẽ tát bạn khi bạn ở chế độ 'sử dụng nghiêm ngặt'. Mọi người đã không đồng ý với Crockford mà không nghĩ về câu hỏi ban đầu.

Vì vậy, luôn luôn tốt khi khai báo các biến trên đầu - 1. Để dễ đọc, 2. Tạo thói quen tốt.

Liên quan đến hiệu suất sau khi chạy thử nghiệm trên Chrome, Firefox và jsperf trên HĐH Linux, dường như có sự khác biệt về hiệu suất giữa việc khai báo các biến trong một vòng lặp và ngoài vòng lặp. Đó là một sự khác biệt nhỏ nhưng điều này cũng được kết hợp bởi số lần lặp và số lượng khai báo biến.

Do đó để có hiệu suất tốt nhất tôi sẽ phải đề xuất khai báo các biến ngoài vòng lặp. Hoặc tốt hơn là khai báo các biến của bạn trong dòng. Xem ví dụ.

// inline
for (var ai = 0, al = 100000000, av; ai < al; ai++) {
    av = av + 1;
}

// outside
var bv;
var bl = 100000000;
for (var bi = 0; bi < bl; bi++) {
    bv = bv + 1;
}

Lưu ý cách biến 'al' và 'av' nằm trong dòng khai báo vòng lặp for. Tuyên bố nội tuyến này đã cung cấp cho tôi hiệu suất tốt hơn liên tục. Thậm chí qua việc khai báo các biến ngoài vòng lặp. Một lần nữa sự khác biệt hiệu suất là rất nhỏ.

https://jsperf.com/outside-inline-for-loop-ase/1