首页 > 代码库 > JavaScript 5种代码风格
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(){});
JavaScript 5种代码风格
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。