日期:2014-05-16  浏览次数:20345 次

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了。

?

?

?

?

1 楼 lixinlixin2008 2009-06-29  
感觉prototype这种对象创建挺怪异的...
继承也只是简单的属性对拷...
var Class = {
  create: function() {
    return function() {
      this.initialize.apply(this, arguments);
    }
  }
}
2 楼 zhouyrt 2009-07-02  
恩,prototype.js的extend就是将对象属性和方法赋值给另一个对象。