jQuery的Internal DSL

標籤：style   blog   color   io   問題   cti   代碼   div   

JQuery的核心理念是write less,do more(寫的更少,做的更多)，那麼鏈式方法的設計與這個核心理念不謀而合。那麼從深層次考慮這種設計其實就是一種Internal DSL。

DSL是指Domain Specific Language，也就是用於描述和解決特定領域問題的語言

我們貼一段代碼：

$(‘input[type="button"]‘)    .eq(0).click(function() {         alert(‘點擊我!‘);}).end().eq(1).click(function() {     $(‘input[type="button"]:eq(0)‘).trigger(‘click‘);}).end().eq(2).toggle(function() {    $(‘.aa‘).hide(‘slow‘);}, function() {    $(‘.aa‘).show(‘slow‘);});

看這個代碼的結構，我們或多或少都能猜到其含義：

l 找出type類型為button的input元素

l 找到第一個按鈕，並綁定click事件處理函數

l 返回所有按鈕，再找到第二個

l 為第二個按鈕綁定click事件處理函數

l 為第三個按鈕綁定toggle事件處理函數

那麼可見jQuery的Internal DSL形式帶來的好處——編寫代碼時，讓代碼更貼近作者的思維模式；閱讀代碼時，讓讀者更容易理解代碼的含義

應用DSL可以有效提高系統的可維護性（縮小了實現模型和領域模型的距離，提高了實現的可讀性）和靈活性，並且提供開發的效率