2007年8月24日 星期五

John Resig 談 Building a JavaScript Library

( 的發起人) 在 Google Tech Talk 談如何建立一個 JavaScript Library:Building a JavaScript Library,包含影片及投影片。

對於每一位有心學好 Javascript 的 Programmer 都該花點時間看一下, 除了介紹 jQuery 外,包含很多設計 Javascript Library 的實用技巧及觀念, 即使您不是使用 jQuery 也該看一看.
##CONTINUE##
阿土伯對於實作(Implementaion)上的實務技巧簡單筆記:

  • 使用 Local variables / 盡可能使用最少的 Global Variables
    這部份是所有語言都共通的良好習慣, 讓您的程式碼及變數, 作用在最小的 Scope 中.
    或盡可能宣告最少的 Global Variables.
    在 Javascipt 中這個 Wrapper 寫法, 應當成基本程式習慣, 尤其是如果您的 javascript 會和其它大量的 javascript 一起運作時, (如阿土伯寫在 iGoogle 的 html-inline gadget ):

    (function(){
    // your code
    })();



    (function(){
    // your code
    }).call(this);


    (參考: Blogger Hack Tip #2 - Javascript Code Style)
  • Namespacing
    如果一定要讓自己的 Library 使用到 Global Variables 時, 請使用 Namespace.
    如:(Dojo, Yahoo UI, jQuery, BloggerExt)
  • 利用 Namespace 和其它 Library 相容並存或合作.
    這是 Namespacing 的擴展應用, 當您的 Library 僅作用在單一 Namespace 時, 您可以將自己的 Library 掛在別的 Library 下. 如 BloggerExt.proccess(); YamUtils.BloggerExt.proccess();
  • Don't Extend Native Objects
    其中, 這點和阿土伯的理念一拍即合, 也是我在 2007/02 之後的所有專案換到 jQuery 的原因. ( 參考: jQuery: 又一個非常優秀的 JavaScript Framework. )
上述 John Resig 所說的技巧, 也都全部應用在新版本的 jQuery 1.1.4, 請參考這篇 中, 有興趣的朋友可以看看 jQuery source code.
張貼留言