Ai đó có thể giải thích mẫu javascript này được sử dụng trong các plugin Twitter Bootstrap cho tôi không?

Question

Tôi đã nhìn vào các plugin jQuery cho Twitter Bootstrap và thấy rằng họ đang tất cả được xác định bằng cách sử dụng mô hình như thế này:

!function($) { 
    // code here 

    // plugin definition here 

} (window.jQuery || window.ender); 

này trông giống như một biến thể của chức năng ẩn danh ngay lập tức thực hiện (nặc danh đóng cửa):

(function($) { 
    // code here 

}(jQuery)); 

Ai đó có thể giải thích sự khác biệt của Bootstrap và tại sao? Đây có phải là cách tốt hơn để viết một đóng cửa ẩn danh không?

Cảm ơn!

Answer 1

// |---1. makes the function as part of an expression 
// |        so it can be immediately invoked 
// v 
    !function($) { 
//   ^
//   |___4. references what was passed, window.jQuery or window.ender 

     // code here 

     // plugin definition here 

    } (window.jQuery || window.ender); // <---2. immediately invoke the function 
//  ^   ^
//   |________________|_______3. pass window.jQuery if it exists, 
//              otherwise window.ender