论javascript编写优美

Posted 2020-09-17 小数点就是问题

这里就有点夸张了，有点吊了，就随便说说自己对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);

目前就是现在所了解的，至于什么设计模式，这个目前只知道其型不懂其具体使用，这是经验模式，需要大量经验很历练。