[javascript] 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);
}