sự khác biệt giữa những người tự thực hiện chức năng ẩn danh (aka IIFE) thực hiện

Question

Trong nhiều cuốn sách là gì/blog posts tự gọi mô hình chức năng ẩn danh được viết như thế này:

(function() { 
    var foo = 'bar'; 
})(); 

Tuy nhiên chạy một JSLint về điều này mang lại cho này lỗi:

Move the invocation into the parens that contain the function.

ví dụ: thay đổi nó để làm việc này:

(function() { 
    var foo = 'bar'; 
}()); 

Câu hỏi

1. Tại sao là việc thực hiện đầu tiên không đủ tốt cho JSLint? Sự khác biệt là gì?
2. Biểu mẫu ưa thích là gì? JSLint có đúng không?
3. Tại sao nó hoạt động? sau khi tất cả function(){}() ném SyntaxError: Unexpected token (
   Nhưng gói nó với parens làm cho nó tất cả của một công việc đột ngột? ví dụ. (function(){}()) - hoạt động tốt
   (Sau khi tất cả điều này là JavaScript, không Lisp, vì vậy những gì là hiệu ứng của gói Parens về lỗi cú pháp ohterwise?)

EDIT: đây là một phần của một followup này (tôi sẽ không nói chính xác mặc dù): JSLint error: "Move the invocation into the parens that contain the function", vì vậy câu hỏi chính của tôi là # 3, tại sao nó hoạt động ở tất cả?

Answer 1

Tôi không biết ý kiến ​​của Crockford đã được phát triển như thế nào, nhưng tôi có thể giải thích lý do tại sao đóng gói trong tác phẩm parens.

Cú pháp hàm function() { ... } trong JavaScript có thể đại diện cho hai thứ khác nhau: khai báo hàm hoặc biểu thức hàm.

Tuyên bố hàm là câu lệnh xác định hàm trong phạm vi hiện tại dưới tên được chỉ định.

function example() { 
    alert("Hello World"); 
} 

example(); 

Một biểu hiện chức năng là một biểu hiện rằng để đánh giá một Function dụ mới.

var secondExample = function example() { 
    alert("Hello World"); 
}; 

secondExample(); 
example(); // <-- throws an Error: example is not defined. 

Việc xảy ra cú pháp là khai báo hàm hay câu lệnh hàm phụ thuộc vào những gì trình phân tích cú pháp mong đợi. Trình phân tích cú pháp của JavaScript rất đơn giản. Nó sẽ không nhìn về phía trước và nhận thấy rằng hàm được theo sau bởi (), do đó nó sẽ coi nó như là một biểu thức. Nó chỉ thấy function ở đầu dòng, và do đó xử lý nó như là một tuyên bố, gây ra lỗi cú pháp khi nó được theo sau bởi (). Khi bạn quấn nó trong dấu ngoặc đơn, trình phân tích cú pháp thay vì mong đợi một biểu thức và nó hoạt động.

Gói trong dấu ngoặc đơn (bất cứ nơi nào bạn đặt chúng) là cách rõ ràng nhất để làm điều này, nhưng bất kỳ điều gì làm cho trình phân tích cú pháp mong đợi một biểu thức sẽ hoạt động.Ví dụ, Bitwise NOT hành ~:

~function() { 
    alert("Hello World"); 
}(); 

Answer 2

1.

Rõ ràng đây là một vấn đề với các công ước. Có ví dụ đầu tiên cho thấy "thiếu quy ước" (source). Theo như sự khác biệt thực tế, không có gì. Cả hai sẽ thực thi mà không có lỗi.

2.

Trong trường hợp này, tôi thích ví dụ đầu tiên của bạn, nhưng đó chỉ là quy ước của tôi. JSLint thường đúng. Vì vậy, nếu bạn muốn thực hiện theo quy ước đặt tên của họ thì khi nó hiển thị một cảnh báo dựa trên quy ước, nó sẽ có ý nghĩa để phù hợp với quy ước.

3.

này hoạt động vì gói các function(){} bên trong một () làm cho nó một biểu thức, trong đó một lần kết hợp với trận chung kết () ngay lập tức gọi nó. Do đó bạn có một biểu thức hàm được gọi ngay lập tức.