javascript 写类方式之六- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 写类方式之六

技术文章搜索

关键字

Javascript 中的 javascript 写类方式之六

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 322 ::

收藏到网摘: n/a

javascript 写类方式之五 javascript 写类方式之七

这篇开始会分析流行的js库之写类方式。各种库的写类方式虽然千奇百怪，但仍然逃离不了本质---用构造函数和原型来组装类。 6、Prototype.js的写类方式

复制代码代码如下:

//prototype.js中的代码 
var Class = { 
create: function() { 
return function() { 
this.initialize.apply(this, arguments); 
} 
} 
} 
//简化后的 
function Clazz() { 
return function(){ 
this.initialize.apply(this,arguments); 
} 
} 

如下步骤写一个类，

复制代码代码如下:

//类名Person 
var Person = Class.create(); 
//通过原型重写来定义Person 
Person.prototype = { 
initialize : function(name) { 
this.name = name; 
}, 
getName : function() { 
return this.name; 
}, 
setName : function(name) { 
this.name = name; 
} 
} 
//创建对象 
var p = new Person("jack"); 
console.log(p.constructor == Person);//false

initialize完成对象的初始化（相当于构造函数），方法依次往下写即可。

有个问题，通过这句p.constructor == Person为false可以看到，这正是Prototype.js一个小小的缺陷。原因是重写了Person的原型。为了使constructor能指向正确的构造器，只需在原型重写时维护好constructor属性即可。

复制代码代码如下:

Person.prototype = { 
constructor : Person,//注意这里 
initialize : function(name) { 
this.name = name; 
}, 
getName : function() { 
return this.name; 
}, 
setName : function(name) { 
this.name = name; 
} 
}

好了，这时候p.constructor == Person就是true了。

javascript 写类方式之五 javascript 写类方式之七

Javascript 中的 javascript 写类方式之六

评论 (0) All