JavaScript 5种代码风格

1. 过程式程序设计this

  这种作法很简单,但你没法建立能够保存状态并具备一些仅对其内部状态进行操做的方法spa

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

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

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

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

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

4. 使用Function原型code

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(){});
相关文章
相关标签/搜索