首页 > 代码库 > Javascript类和模块（一）
Javascript类和模块（一）
原型对象是类的唯一标识:当且仅当两个对象继承自同一个原型对象时，它们才是属于同一个类的实例。而初始化对象的状态的构造函数则不能作为类的标识，两个构造函数的prototype属性可能指向同一个原型对象。那么这两个构造函数创建的实例是属于同一个类的。
一个典型的面向对象的js程序：
functionRange(from,to){
this.from=from;
this.to=to;
}
Range.prototype={
includes:function(x){
return this.from<=x&&x<=this.to;
},
foreach:function(f){
for(varx=Math.ceil(this.from);x<this.to;x++){
f.log(x);
}
},
toString:function(){
return"("+this.from+"..."+this.to+")";
}
}
//用例
var r=new Range(1,3);
console.log(r.includes(2));
r.foreach(console);
console.log(r.toString());
代码规范：类（构造函数）首字母大写，（普通）方法首字母小写
实际上instanceof运算符并不会检查r是否是由Range（）构造函数而来，而会检查是否继承自Range.prototype。不过，instanceof的语法则强化了“构造函数是类的公有标识”的概念。
constructor属性：实例，
varF=function(){
}
varp=F.prototype;//这是F相关联的原型对象
var c=p.constructor;//这是与原型相关联的函数
console.log(p);//函数的原型是对象Object{}
console.log(c);//p的构造函数是构造函数function(){}
可以看到构造函数的原型中存在预先定义好的constructor属性，这意味着对象通常继承的constructor均指代它们的构造函数。由于构造函数是“公共标识”，因此这个constructor属性为对象提供了类。
var o=new F(); //创建类F的一个对象
o.constructor===F;//true,constructor属性指代这个类
构造函数和原型对象之间的关系如下图：
需要注意的是2中定义的Range类使用它自身的一个对象重写预定义的Range.prototype对象。这个新定义的原型对象不含有constructor属性。如下图：
因此Range类的实例也不含有constructor属性。我们可以通过补救措施来修正这个问题，显示给原型添加一个构造函数。
Range.prototype={
constructor:Range,
includes:function(x){
returnthis.from<=x&&x<=this.to;
},
foreach:function(f){
for(varx=Math.ceil(this.from);x<this.to;x++){
f.log(x);
}
},
toString:function(){
return"("+this.from+"..."+this.to+")";
}
}
另一种常见的解决方法是使用预定义的原型对象，预定义的原型对象包含constructor属性，然后依次给原型对象添加方法
Range.prototype.includes=function(x){returnthis.from<=x&&x<=this.to;};
Range.prototype.foreach=function(f){for(var x=Math.ceil(this.from);x<this.to;x++){f.log(x);};
Range.prototype.toString=function(){return"("+this.from+"..."+this.to+")";};
Javascript中类继承：构造函数对象，任何添加到这个构造函数对象中的属性都是类字段和类方法（如果属性值是函数的话就是类方法）；原型对象，原型对象的属性被类的所有实例所继承，如果原型对象的属性值是函数的话，这个函数就作为类的实例的方法来调用；实例对象，类的每个实例都是一个独立的对象，直接给这个实例定义的属性是不会为所有实例对象共享的。定义在实例上的非函数属性，实际上是实例的字段。
javascript中定义类的步骤可以缩减为三步：1）先定义一个构造函数，并设置初始化新对象的实例属性。2）给构造函数的prototy对象定义实例的方法；3）给构造函数定义类字段和类属性，下面是一段模拟java中类的定义的js代码：
/**
* 复数的构造函数,这个构造函数为它所创建的每个实例定义实例字段r和i
* @param {[type]} real [实部]
* @param {[type]} imaginary [虚部]
*/
functionComplex(real,imaginary){
if(isNaN(real)||isNaN(imaginary)){
throw new TypeError(‘传入参数类型错误！‘);
}
this.r=real;
this.i=imaginary;
}
/**
* 复数加法，类的实例方法定义为原型对象的函数值属性
* 这里定义的方法可以被所有实例继承，并为他们提供共享行为
* 需要注意的是，Javascript的实例化方法必须使用关键字this来存取实例的字段
* @param {[type]} c [description]
*/
Complex.prototype.add=function(c){
return new Complex(this.r+c.r,this.i+c.i);
}
//这里定义了一些复数运算有帮助的类字段
Complex.ZERO=new Complex(0,0);
8. 编码规范：1）以大写字母命名的成员是不能修改的；2）以下划线为前缀的命名在类外不可见
9.Javascript中基于原型的继承机制是动态的：对象从其原型继承属性，如果创建对象之后原型的属性发生改变，也会影响到继承这个原型的所有实例对象。
本文出自 “虎哥的博客” 博客，请务必保留此出处http://7613577.blog.51cto.com/7603577/1567787
Javascript类和模块（一）