首页 > 编程语言 > 详细

JavaScript 5种代码风格

时间:2014-10-14 17:01:50      阅读:235      评论:0      收藏:0      [点我收藏+]

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种代码风格

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!