Pomoc w zrozumieniu jQuery.fn.init Dlaczego jest init in fn

Question

Przeglądałem jQuery, aby lepiej zrozumieć, jak to działa. Konstruktor w zasadzie po prostu wywołuje

new jQuery.fn.init 

Zastanawiam się, jaki jest sens posiadania init w prototypie jQuery? Czy nie zdefiniowałoby się jako części samego obiektu jQuery tego samego celu?

---

Zasadniczo chciałbym wiedzieć, dlaczego funkcji init jQuery znajduje się jQuery.fn.init() i nie jQuery.init()

Są tam ludzie robią to:

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

Answer 1

EDIT: po ponownym przeczytaniu I nie sądzę, że to odpowiada na twoje pytanie, ale może to być przydatne dla kogoś, kto lepiej zrozumie, jak działa jQuery, więc opuszczam go.

---

Co się dzieje jest to, że jQuery() jest zdefiniowany jako jQuery.fn.init() co jest kolejnym sposobem, aby powiedzieć jQuery.prototype.init() która jest funkcją selektor! Oznacza to, że nikt nie zadzwoni pod numer jQuery.fn.init() lub jQuery.init(), ponieważ jQuery() IS .init()!

Co? wygląd

Miejmy na kawałek kodu mówisz:

// 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); 
    }, 

w komentarzach mówi tylko to, co powiedziałem, ale krótko. Ale to tylko lokalna kopia jQuery ... jednak, jeśli pójdziesz do linii 908 (w wersji 1.4.4) na końcu funkcji samodzielnego wykonywania zobaczysz:

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

})(); 

.. co oznacza, że ​​ten lokalny jQuery staje się globalnym jQuery. Więc? Więc ... ten lokalny jQuery był rzeczywiście jQuery.fn.init() prawda? Więc co to jest init()? Jeśli spojrzysz z linii od 100 do 208, zobaczysz, że jest to metoda selektora. Jaka jest metoda selektora? Jest to metoda, której używasz przez cały czas, aby znaleźć tagi, identyfikatory, klasy ... $('#id'), jQuery('.class'), $('ul li a') ... funkcja selektora!

Nikt nigdy nie zadzwoniłby pod numer jQuery.init('div'), ponieważ jest to pełna wersja jQuery('div') po tym przypisaniu. I pamiętaj, że jQuery.fn jest dokładnie tym samym, co powiedzenie jQuery.prototype, więc tak naprawdę cała ta część robi tylko przypisanie .init() jako metody prototypu obiektu jQuery. TO ZNACZY. wtyczka jQuery.

Uff, to był kęs. Mam nadzieję, że to ma sens, a jeśli ktoś ma jakieś poprawki na wypadek, gdybym źle poinformował w jakiejkolwiek części tego długiego wyjaśnienia, proszę dać mi znać.

Answer 2

$() jest instancją (new $()) jest instancją (new $.fn.init())

Technika zatrudniony przez jQuery to w jaki sposób można to osiągnąć. $() zawsze zwraca tak, jakby został wywołany ze słowem kluczowym new.Jednak zamiast używać warunkowego przełącznika w obiekcie this wewnątrz function jQuery() {...}, korzysta on z zewnętrznego obiektu delegowanego we wszystkich przypadkach. Ten zewnętrzny obiekt delegowany, jQuery.fn.init() {...}, otrzymuje prototyp jQuery, więc jego obiekt "type" ma numer jQuery, a wszystkie jego wystąpienia są w rzeczywistości instancjami jQuery.