Зачем jQuery делать это: jQuery.fn.init.prototype = jQuery.fn?

Question

Маленький расширенный вопрос, почему JQuery сделать

jQuery.fn = jQuery.prototype = { 
init: function() {...}, 
    f1: function() {...}, 
    ... 
}; 
jQuery.fn.init.prototype = jQuery.fn; 

Почему бы не просто добавить f1() и т.д. в init.prototype? Это только эстетика или есть некоторые глубокие идеи?

Answer 1

jQuery.fn - просто псевдоним для jQuery.prototype. Полагаю, это определено для эстетических и менее типичных причин.

Так

jQuery.fn.init.prototype = jQuery.fn; 

фактически

jQuery.prototype.init.prototype = jQuery.prototype; 

Как, почему это должно быть сделано, это forum post полезно:

Это дает Init() функционируют так же прототип как объект jQuery. Итак, , когда вы вызываете init() как конструктор в «return new jQuery.fn.init ( селектор, контекст);" оператор, он использует этот прототип для объекта, который он создает . Это позволяет init() заменить конструктор jQuery .

Что вы достигнете, так это то, что объект, возвращенный из конструктора jQuery.fn.init, имеет доступ к методам jQuery.

Answer 2

Функция jQuery.fn.init - это та, которая выполняется, когда вы звоните jQuery(".some-selector") или $(".some-selector"). Вы можете увидеть это в этом фрагменте из jquery.js:

jQuery = window.jQuery = window.$ = function(selector, context) { 
    // The jQuery object is actually just the init constructor 'enhanced' 
    return new jQuery.fn.init(selector, context); 
} 

Таким образом, на самом деле, линия вы упоминаете имеет решающее значение, как JQuery позволяет добавлять функциональные возможности к объектам JQuery, как внутри самого JQuery и от плагинов. Это линия:

jQuery.fn.init.prototype = jQuery.fn; 

Назначив jQuery.fn в качестве прототипа этой функции (и потому, что первый фрагмент кода использует «новый» для лечения jQuery.fn.init в качестве конструктора), это означает, что функциональность добавлена ​​с помощью jQuery.fn.whatever немедленно появляется на объектах, возвращаемых всеми вызовами jQuery.

Так, например, простой JQuery плагин может быть создан и использован, как это:

jQuery.fn.foo = function() { alert("foo!"); }; 
jQuery(".some-selector").foo(); 

Когда вы объявляете «jQuery.fn.foo» на первой строке, что вы на самом деле делаете, добавив, что функцию для прототипа всех объектов jQuery, созданных с помощью функции jQuery, такой как вторая во второй строке. Это позволяет вам просто вызвать «foo()» по результатам функции jQuery и вызвать ваши функции плагина.

Короче говоря, написание jQuery-плагинов будет более подробным и подвержено будущему поломке, если детали реализации изменились, если эта строка не существовала в jQuery.