Шаблони дизайну, що використовуються в бібліотеці jQuery

jQuery дуже зосереджений на DOM і забезпечує приємну абстракцію навколо нього. Роблячи це, він використовує різні відомі шаблони дизайну, які щойно мене вразили. Одним з очевидних прикладів може бути шаблон " Декоратор" . Об'єкт jQuery надає нову та додаткову функціональність навколо звичайного об'єкта DOM.

Наприклад, DOM має власний метод insertBefore, але не існує відповідного методу insertAfter. Для заповнення цієї прогалини доступні різні реалізації , і jQuery - це одна з таких бібліотек, яка забезпечує цю функціональність:

$(selector).after(..)
$(selector).insertAfter(..)

Існує безліч інших прикладів того, як візерунок Декоратор активно використовується в jQuery.

Які ще, великі чи малі, приклади зразків дизайну ви помічали і є частиною самої бібліотеки? Також, будь ласка, надайте приклад використання шаблону.

Створення цієї вікі-спільноти, оскільки я вважаю, що різні речі, які люди люблять у jQuery, можна простежити до добре відомих шаблонів дизайну, просто їх не називають іменем шаблону. На це запитання немає однозначної відповіді, але каталогізація цих зразків дасть корисне уявлення про саму бібліотеку.

Ледача ініціалізація:

$(document).ready(function(){
    $('div.app').myPlugin();
});

Перехідник або обгортка

$('div').css({
    opacity: .1 // opacity in modern browsers, filter in IE.
});

Фасад

// higher level interfaces (facades) for $.ajax();
$.getJSON();
$.get();
$.getScript();
$.post();

Спостерігач

// jQuery utilizes it's own event system implementation on top of DOM events.
$('div').click(function(){})
$('div').trigger('click', function(){})

Ітератор

$.each(function(){});
$('div').each(function(){});

Стратегія

$('div').toggle(function(){}, function(){});

Проксі

$.proxy(function(){}, obj); // =oP

Будівельник

$('<div class="hello">world</div>');

Прототип

// this feels like cheating...
$.fn.plugin = function(){}
$('div').plugin();

Легка вага

// CONFIG is shared
$.fn.plugin = function(CONFIG){
     CONFIG = $.extend({
         content: 'Hello world!'
     }, CONFIG);
     this.html(CONFIG.content);
}

Композитні моделі також дуже часто використовуються в JQuery. Працюючи з іншими бібліотеками, я бачу, як ця закономірність не така очевидна, як виглядає на перший погляд. Шаблон в основному говорить, що,

з групою об'єктів слід поводитися так само, як з окремим екземпляром об'єкта.

Наприклад, коли йдеться про один елемент DOM або групу елементів DOM, обидва вони можуть бути оброблені однаково.

$('#someDiv').addClass('green'); // a single DOM element

$('div').addClass('green');      // a collection of DOM elements

Як щодо шаблону Singleton / Module, як обговорюється в цій статті про YUI: http://yuiblog.com/blog/2007/06/12/module-pattern/

Я вважаю, що jQuery використовує цей шаблон у своєму ядрі, а також заохочує розробників плагінів використовувати цей шаблон. Використання цього шаблону - зручний та ефективний спосіб уникнути безладу в глобальному просторі імен, що додатково корисно, допомагаючи розробникам писати чистий інкапсульований код.

З огляду на функціональне програмування, jQuery - це Монада. Монада - це структура, яка передає об'єкт дії, повертає модифікований об'єкт і передає його наступній дії. Як конвеєр.

Стаття у Вікіпедії дуже добре висвітлює це визначення.