Trợ giúp hiểu jQuery của jQuery.fn.init Tại sao init trong fn

Question

Tôi đã xem qua jQuery để hiểu rõ hơn cách hoạt động của jQuery. Phương thức khởi tạo về cơ bản chỉ gọi số

new jQuery.fn.init 

Tôi tự hỏi điểm của init trong nguyên mẫu jQuery là gì? Sẽ không xác định init() như là một phần của đối tượng jQuery chính nó phục vụ cùng một mục đích?

---

Về cơ bản tôi muốn biết tại sao hàm init của jQuery tọa lạc tại jQuery.fn.init() và không jQuery.init()

Có người làm điều này:

jQuery('a').eq(0).hide().init('div').slideToggle(); //? 

Answer 1

EDIT: Sau khi đọc lại tôi không nghĩ rằng điều này trả lời câu hỏi của bạn, nhưng nó có thể hữu ích cho sự hiểu biết tốt hơn của một ai đó về cách jQuery hoạt động anyway vì vậy tôi rời khỏi nó.

---

gì đang xảy ra là jQuery() đang được định nghĩa là jQuery.fn.init() đó là một cách khác để nói jQuery.prototype.init() đó là chức năng chọn! Điều này có nghĩa là không ai gọi số jQuery.fn.init() hoặc jQuery.init() vì jQuery() IS .init()!

Cái gì?

Hãy nhìn vào đoạn mã bạn đang nói về:

// Define a local copy of jQuery 
var jQuery = function(selector, context) { 
     // The jQuery object is actually just the init constructor 'enhanced' 
     return new jQuery.fn.init(selector, context); 
    }, 

Trong những ý kiến ​​nó nói chỉ là những gì tôi đã nói, nhưng một thời gian ngắn hơn. Nhưng đây chỉ là bản sao cục bộ của jQuery ... tuy nhiên, nếu bạn đi đến dòng 908 (của phiên bản 1.4.4) ở cuối chức năng tự thực hiện, bạn sẽ thấy:

// Expose jQuery to the global object 
return (window.jQuery = window.$ = jQuery); 

})(); 

.. có nghĩa là địa phương này jQuery trở thành toàn cầu jQuery. Vì thế? Vì vậy ... địa phương này jQuery thực sự là jQuery.fn.init() phải không? Vì vậy, init() là gì? Nếu bạn nhìn từ dòng 100 đến 208 bạn sẽ thấy rằng đó là phương pháp chọn. Phương pháp chọn là gì? Đó là phương pháp bạn sử dụng mọi lúc để tìm các thẻ, id, các lớp ... $('#id'), jQuery('.class'), $('ul li a') ... chức năng chọn!

Vì vậy, không ai có thể gọi jQuery.init('div') vì đây là phiên bản tiết kiệm của jQuery('div') sau lần gán đó. Và hãy nhớ rằng jQuery.fn chính xác giống như khi nói jQuery.prototype vì vậy thực sự tất cả những gì một phần đang làm là gán .init() làm phương thức của nguyên mẫu của đối tượng jQuery. I E. một plugin jQuery.

Phew, đó là một ngụm. Tôi hy vọng điều này có ý nghĩa và nếu có ai sửa đổi trong trường hợp tôi hiểu sai trong bất kỳ phần nào của lời giải thích dài dòng này, vui lòng cho tôi biết.

Answer 2

$() là một instanceof (new $()) là một instanceof (new $.fn.init())

Kỹ thuật được sử dụng bởi jQuery là cách bạn có thể đạt được điều này. $() luôn trả về như được gọi với từ khóa new.Tuy nhiên, thay vì sử dụng công tắc có điều kiện trên tham chiếu this bên trong function jQuery() {...}, nó sử dụng đối tượng đại biểu bên ngoài trong mọi trường hợp. Đối tượng đại biểu bên ngoài này, jQuery.fn.init() {...}, được cung cấp nguyên mẫu jQuery sao cho đối tượng 'kiểu' của nó là jQuery và tất cả các phiên bản của nó thực sự là các cá thể của jQuery.