論javascript編寫優美

標籤：init   console   提高   this   經驗   window   efi   alt   快速   

這裡就有點誇張了，有點吊了，就隨便說說自己對js編寫優美的方式。

使用jQuery開發，現在很流行的了，大大增快速度，還可以提高代碼的品質。

1、$.extend()

//...  --  表示代碼    function demo(opts){        var defualtOpts={...};        opts=$.extend({},opts,defaults);        ...    }    /*使用好$.extend()可以很好的傳遞參數，看起好優美*/

2、{...}

/*{...}使用對象，這種對象寫法，對代碼複用性不強可以使用，因為不用不用繼承，        還可以很直觀。    */    var demo={        init:function(){            this.action();            ...        },        action:function(){...},        render:function(){...},        delegateEvent:function(){...}    };

3、o.prototype={}

/*物件導向的方式是複用性很強的，而且物件導向也很有原則，所以代碼看起來好理解*/    function Demo(){        this.v="...";        this.init();    }    Demo.prototype={        constructor:Demo,        init:function(){...},        ...    }

4、jquery外掛程式的寫法

/*閉包方式--防止全域汙染*/    (function($,w,undefined){        /*防止多次載入*/        if(!$.fn.demo){            /*擴充jQuery，可以$(..).demo()去執行*/            $.fn.demo=(function(fn){                return fn();            })(function(){                function demo(){                    console.log(1);                }                return demo;            });        }    })(jQuery,window,undefined);

目前就是現在所瞭解的，至於什麼設計模式，這個目前只知道其型不懂其具體使用，這是經驗模式，需要大量經驗很曆練。

 

論javascript編寫優美