jQuery: $ như một tham số

Question

Tôi đang đọc một cuốn sách trên JavaScript giải thích cách sử dụng mẫu MVC với các ứng dụng JavaScript. Trong mã này, nó cho thấy làm thế nào để thiết lập một bộ điều khiển. Bất cứ ai có thể giải thích lý do tại sao ký hiệu đô la jQuery được thông qua như một tham số cho hàm trong dòng 3, và sau đó tại sao không có dấu đô la nào ở phía trước (jQuery) trong dòng cuối cùng?

var Controller = {}; 
// Use a anonymous function to enscapulate scope 
(Controller.users = function($){ 
    var nameClick = function(){ 
     /* ... */ 
    }; 

    // Attach event listeners on page load 
    $(function(){ 
     $("#view .name").click(nameClick); 
    }); 
})(jQuery); 

Answer 1

Không có ký hiệu đô la trước jQuery trong dòng cuối cùng bởi vì tên của biến chứa jQuery là jQuery, không $jQuery. Nó được chuyển ngay lập tức dưới dạng $ để tránh xung đột đặt tên.

Answer 2

jQuery được chuyển đến hàm đang cung cấp đối số cho $ trong hàm. Nói cách khác, để đảm bảo rằng hàm hiểu rằng $ là đối tượng jQuery, tên đối tượng đầy đủ của jQuery được chuyển thay vì phím tắt $. Điều này giúp trong trường hợp các thư viện javascript khác đang được sử dụng và có thể cạnh tranh cho việc gán $.

Answer 3

Nói một cách đơn giản, đảm bảo không có gì khác được đặt tên là $ trong ngữ cảnh đó.

Biến jQuery có tên là jQuery, $ là một biểu tượng hợp lệ trong tên biến và jQuery đã sử dụng nó để lưu trữ đối tượng jQuery. Mã ở trên có thể dễ dàng được viết lại để sử dụng bất kỳ tên biến nào khác thay vì $

var Controller = {}; 
// Use a anonymous function to enscapulate scope 
(Controller.users = function(myJQueryVariable){ 
    var nameClick = function(){ 
     /* ... */ 
    }; 

    // Attach event listeners on page load 
    myJQueryVariable(function(){ 
     myJQueryVariable("#view .name").click(nameClick); 
    }); 
})(jQuery);