码迷,mamicode.com
首页 > 编程语言 > 详细

论javascript编写优美

时间:2017-05-08 00:26:25      阅读:162      评论:0      收藏:0      [点我收藏+]

标签: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编写优美

标签:init   console   提高   this   经验   window   efi   alt   快速   

原文地址:http://www.cnblogs.com/zhangzhicheng/p/6822840.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!