Một var cho mỗi hàm trong JavaScript?

Question

Tôi đã sử dụng JSLint để làm cho tôi cảm thấy xấu về JavaScript của mình. Nó là tuyệt vời, bằng cách này. Có một kiểm tra mà tôi không hoàn toàn hiểu và tôi muốn quan điểm của bạn, xin vui lòng.

Từ jslint.com:

Trong các ngôn ngữ với phạm vi khối, nó thường được khuyến cáo rằng các biến được khai báo tại trang web sử dụng đầu tiên. Nhưng vì JavaScript không có phạm vi khối, nên khôn ngoan hơn là khai báo tất cả các biến của hàm ở đầu hàm. Nên sử dụng một câu lệnh var duy nhất cho mỗi hàm.

Lời cảm ơn cuối cùng thực sự là gì? Tôi nghĩ tôi nên khai báo nhiều biến như thế này?

var foo = 1, bar = 2; 

Và, phần "khôn ngoan" chỉ là một kiểu lập trình để ngăn chặn lỗi xuống dòng hoặc có nhiều lỗi hơn không?

Cảm ơn sự giúp đỡ của bạn.

Answer 1

Vấn đề là, cho dù bạn có nhận ra hay không, javascript di chuyển vô hình tất cả các khai báo var đến đầu phạm vi chức năng.

vì vậy nếu bạn có một chức năng như

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

cửa sổ cảnh báo này sẽ chứa không xác định. bởi vì nội bộ, nó đã được thay đổi thành điều này:

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

điều này được gọi là "cẩu". Lý do crockford ủng hộ mạnh mẽ các khai báo var ở trên cùng, là nó làm cho mã phù hợp rõ ràng với những gì nó sẽ làm, thay vì cho phép hành vi vô hình và bất ngờ xảy ra.

Answer 2

Về cơ bản trong các khối JavaScript ({ ... }) không giới thiệu phạm vi mới, chỉ có phạm vi chức năng, do đó không phạm vi nào được tạo trên bất kỳ tuyên bố nào khác.

Biến được giới thiệu ở bất kỳ đâu trong hàm có thể hiển thị ở mọi nơi trong hàm.

Ví dụ:

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. 
} 

Trong các ngôn ngữ với phạm vi khối, nó khuyến khích để khai báo các biến tại thời điểm sử dụng đầu tiên, nhưng vì JavaScript không có phạm vi khối, nó là tốt hơn để khai báo tất cả của một các biến của hàm ở trên cùng của hàm.

Kiểm tra điều này article.

Answer 3

Có, điều đó có nghĩa là bạn khai báo tất cả các biến ở đầu hàm. Cho dù bạn muốn làm điều đó trong một dòng hoặc nhiều dòng là một vấn đề của sự lựa chọn.

Lý do được giải thích trong đoạn bạn đã đề cập. Biến Javascript chỉ có phạm vi cấp chức năng. Nếu bạn khai báo cùng một biến bên trong một khối if/while/for, nó sẽ bị ghi đè bởi giá trị mới vì khối không mang một phạm vi mới. Điều này khác với các ngôn ngữ như Java. Để tránh những điều bất ngờ như vậy, hãy khai báo tất cả các biến bạn sẽ sử dụng trong hàm ở đầu hàm để bạn không vô tình 'redeclare' andything.

Answer 4

Việc thiếu phạm vi khối giải thích đoạn code dưới đây:

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

alert(a); // Alerts "2" 

Trong hầu hết các C-phong cách (như trong cú pháp) ngôn ngữ, định nghĩa var a = 2 sẽ xác định 'a' chỉ dành cho phạm vi của khối if. Sử dụng một câu lệnh var duy nhất ở phía trên cùng của hàm sẽ giúp tránh sự lừa đảo này của Javascript, mà không phải lúc nào cũng rõ ràng như trên, và sẽ là bất ngờ đối với các lập trình viên C/C#/Java.