JavaScript 5种代码风格

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(){});

 

posted @ 2014-10-14 15:12  Derek_Hu  阅读(278)  评论(0编辑  收藏  举报