Có sự khác biệt nào giữa (hàm() {...}()) hay không; và (hàm() {...})() ;?

Question

thể trùng lặp:
Location of parenthesis for auto-executing anonymous JavaScript functions?

Đôi khi tôi thấy:

(function() { ... }()); 

và đôi khi tôi thấy:

(function() { ... })(); 

tôi xem cả hai biểu mẫu có và không có đối số. Họ bothexecute chức năng ẩn danh.

Có sự khác biệt giữa hai biểu mẫu không? Có lý do thuyết phục nào để sử dụng một biểu mẫu trên biểu mẫu khác không?

Answer 1

Không có sự khác biệt thực tế trong hai hình thức, nhưng từ một ngữ pháp điểm chênh lệch giữa hai là The Grouping Operator - ngoặc - sẽ tổ chức trong ví dụ đầu tiên một CallExpression, trong đó bao gồm các FunctionExpression:

 
       CallExpression 
       |   | 
     FunctionExpression | 
       |   | 
       V   V 
    (function() {  }()); 
    ^     ^
    |--PrimaryExpression --| 

Trong ví dụ thứ hai, chúng tôi có đầu tiên một tổng thể CallExpression, chứa FunctionExpression:

 
      PrimaryExpression 
       | 
     FunctionExpression 
       | 
       V 
    (function() {  })(); 
    ^     ^
    |-- CallExpression --| 

Answer 2

Không có sự khác biệt giữa hai, cho đến nay là trình biên dịch có liên quan. Tuy nhiên, sẽ thấy rằng phong cách (function() {}()) được đề xuất trong JavaScript code conventions của Douglas Crockford.

Answer 3

Theo như sự khác biệt, nó thực sự chỉ là cú pháp. Hơi tương đương với: "bạn có thích jQuery() hoặc $()?" Cả hai có thể được biên dịch, thực hiện và được sử dụng thay thế lẫn nhau (AFAIK).

Từ mẫu mã tôi đã thấy vậy, đến nay, nhiều người dường như theo các quy ước mã Crockford:

(function() { ... }()); 

Cá nhân, tôi thích công ước (function(){})(); vì nó là rõ ràng hơn với tôi rằng các chức năng là tự - thực hiện; Tôi cũng là một người dùng lớn của jQuery và đó là quy ước được sử dụng trong nguồn jQuery.

Ngoài ra, nó được coi là thực hành tốt để sử dụng parens để đính kèm chức năng tự thực hiện của bạn, bất kể bạn chọn đi theo biểu mẫu nào.