(...()) vs (...)() trong việc đóng cửa javascript

Question

Tôi biết điều này là ngớ ngẩn, nhưng có bất kỳ sự khác biệt giữa điều này:

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

và điều này?

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

JSLint cho chúng ta biết để Move the invocation into the parens that contain the function, nhưng tôi thấy không cần phải.

Chỉnh sửa: Câu trả lời quá tuyệt. ~function, thay thế JSHint cùng với tùy chọn của jQuery cho (/***/)(); và giải thích của Crockford! Tôi nghĩ tôi sẽ chỉ nhận được một câu trả lời "chúng giống nhau".
Các bạn quyết định điều tốt nhất thông qua các cuộc bỏ phiếu và tôi đánh dấu vào nó.

Answer 1

Không có sự khác biệt. Cả hai đều là các cách hợp lệ để có được trình phân tích cú pháp JavaScript để xử lý hàm của bạn dưới dạng biểu thức thay vì khai báo .

Lưu ý rằng + và ! cũng sẽ làm việc, và đôi khi được sử dụng bởi minifiers để lưu một ký tự của kích thước:

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

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

EDIT

Như @copy chỉ ra, cho đầy đủ, ~ và - cũng sẽ hoạt động.

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

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

Answer 2

Không, tôi không tin có bất kỳ sự khác biệt nào. Cá nhân tôi thích cái cũ hơn (và jQuery và cộng sự dường như đồng ý) nhưng cả hai đều hoạt động giống nhau trong mọi công cụ mà tôi đã thử nghiệm.

Ngoài ra, JSLint đôi khi hơi quá nghiêm ngặt. JSHint có thể tốt hơn một chút về vấn đề đó.

Answer 3

Đó JSLint vi phạm tồn tại vì Douglas Crockford nói rằng phiên bản ngoài ngoặc trông giống như "quả bóng con chó".

Bạn có thể nghe ông thảo luận về nó trong this video:

I think that looks goofy, 'cause what we're talking about is the whole invocation, but we got these things hanging outside of it looking sorta like ... dog balls.

Ông gợi ý rằng các dấu ngoặc đơn bên giúp người đọc hiểu rằng toàn bộ câu lệnh là một biểu chức năng chứ không phải là một tuyên bố.