论javascript编写优美

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

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

时间: 2024-10-15 06:45:12

论javascript编写优美的相关文章

用函数式编程技术编写优美的 JavaScript

用函数式编程技术编写优美的 JavaScript_ibm作者: 字体:[增加 减小] 类型:转载函数式编程语言在学术领域已经存在相当长一段时间了,但是从历史上看,它们没有丰富的工具和库可供使用.随着 .NET 平台上的 Haskell 的出现,函数式编程变得更加流行.一些传统的编程语言,例如 C++ 和 JavaScript,引入了由函数式编程提供的一些构造和特性.在许多情况下,JavaScript 的重复代码导致了一些拙劣的编码.如果使用函数式编程,就可以避免这些问题.此外,可以利用函数式编程

【教程】HTML5+JavaScript编写flappy bird

     作者: 风小锐      新浪微博ID:永远de风小锐      QQ:547953539      转载请注明出处 PS:新修复了两个bug,已下载代码的同学请查看一下 大学立即要毕业了.未来的公司为我们制定了在校学习计划.希望我们能在毕业之前掌握一些技术,当中有一项就是使用HTML5+JavaScript编写flappy bird这个小游戏. 相信大家和我一样,对这个小游戏还是非常熟悉的,控制小鸟跳过高矮不一的水管,并记录下每局得到的分数,对于亲手编写这个小游戏非常感兴趣,立即開始

JavaScript学习总结(十四)——JavaScript编写类的扩展方法

在?J?a?v?a?S?c?r?i?p?t?中?可以使?用?类的p?r?o?t?o?t?y?p?e属性来?扩?展?类的属?性?和?方?法,在实际开发当中,当JavaScript内置的那些类所提供的动态方法和动态属性不满足我们实际开发时,我们就可以通过"prototype"属性给自定义类添加方法和属性或者扩展原有的类中的方法和属性. 一.扩展JavaScript内置类,添加动态方法 语法格式: 类名.prototype.方法名 = function([param1],[param2],.

JavaScript编写了一个计时器

初学JavaScript,用JavaScript编写了一个计时器. 设计思想: 1.借助于Date()对象,来不断获取时间点: 2.然后用两次时间点的毫秒数相减,算出时间差: 3.累加时间差,这样就能把计时精确. ps: 没在网上看到有这种方法,一般都是用的setinterval, 编程语言自带的延时,时间控制都有比较大的误差,所以用系统时间相减的方法控制精准. 本例互相交流用,并迫切希望得到的读者的想法及建议. <!DOCTYPE html> <html> <head>

使用 JavaScript 编写优化算法 (1)

之前一直用Python来写优化算法,为了增强 JS 的熟练程度,开始将原有的代码改写成 JS.采用的工具包括 node.js + Grunt + nodeunit + github + npm + travis-ci. 最初的版本采用过程式的方式实现,没有采用面向对象或事件驱动的模式. #!/usr/bin/env node --harmony // Random Search "use strict"; var util = require("util"); fu

JavaScript学习总结(十二)——JavaScript编写类

在工作中经常用到JavaScript,今天总结一下JavaScript编写类的几种写法以及这几种写法的优缺点,关于JavaScript编写类的方式,在网上看到很多,而且每个人的写法都不太一样,经常看到的就是以下几种方式. 1.构造函数方式 用构造函数模拟"类",在其内部用this关键字指代实例对象. 基本语法: function 类名(){     this.属性名;//公共属性     var 属性名;//私有属性    /*凡是定义类的公共属性和公共方法都要使用this*/   

Javascript编写类的混合方式

构造方法的方式可以为同一个类的每一个对象分配不同的内存, 这很适合写类的时候设置属性, 但是设置方法的时候我们就需要让同一个类的不同对象共享同一个内存了. 写方法用原型的方式最好. 所以写类的时候需要把构造方法和原型两种方式混合着用. 废话少说, 看代码: //创建一个Student类 //属性通过构造方法设置 //方法通过Student.prototype设置 function Student(name){ this.name = name; Student.prototype.sayName

canvas :原生javascript编写动态时钟

canvas :原生javascript编写动态时钟 此时针是以画布的中心为圆心: g.translate(width/2,width/2); 此函数是将画布的原点移到(width/2,width/2) 绘制表盘 function jiang(){ r = width/2 g.clearRect(0, 0, 600, 600); g.save(); g.translate(r, r); g.rotate(-Math.PI / 2); //分钟刻度线 for(var i = 0; i < 60;

javascript的优美与鸡肋

--总结来自:<javascript语言精粹> 任何语言都有其优美的地方和其鸡肋的地方.避归一些语言的糟粕,能相应的降低bug出现的几率. 优美处: 函数是头等对象 基于原型继承的动态对象 对象字面量和数组字面量 糟粕: 1. 全局变量 全局变量有三种表达方式: var声明:var foo = value; 添加属性到全局对象上,即添加到window上:window.foo = value; 未经声明的变量:foo = value; 虽然变量可以未经声明就使用,但是这会导致后期的很多的bug出