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

JavaScript 5种代码风格

时间:2014-10-14 17:37:19      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   使用   ar   java   sp   div   

1. 过程式程序设计

  这种做法很简单,但你无法创建可以保存状态并具有一些仅对其内部状态进行操作的方法

function startAnimation(){}
function stopAnimation(){}

2. 定义一个类,封装这种对象,并使用prototype属性将方法添加至该类

var Anim=function(){};
Anim.prototype.start=function(){};
Anim.prototype.stop=function(){};

3. 将类的定义封装在一条声明中

var Anim=function(){};
Anim.prototype={
    start: function(){},
    stop: function(){}
}

4. 使用Function原型

Function.prototype.method=function(name, fn){
    this.prototype[name]=fn;
};
var Anim=function(){};
Anim.method(‘start‘, function(){});
Anim.method(‘stop‘, function(){});

5. 可被链式调用

Function.prototype.method=function(name, fn){
    this.prototype[name]=fn;
    return this;
};
var Anim=function(){};
Anim.method(‘start‘, function(){}).method(‘stop‘, function(){});

 

JavaScript 5种代码风格

标签:style   blog   color   io   使用   ar   java   sp   div   

原文地址:http://www.cnblogs.com/derek-hu/p/4024460.html

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