标签：
JS是一门面向对象的语言，和其它面向对象的语言不一样的是，在JS中没有类的概念。接触过C++、Java的人都清楚，类实现了对象之间的属性和方法共享，而类的继承实现了类的复用。在JS中，通过基于原型的继承实现了以上的功能。
1 构造函数、原型和实例
在JS中，除了5种基本类型，其它都是对象，函数也是对象。而函数是一类特殊的对象，在每个函数对象被创建的时候，都带有一个prototype属性，这个属性指向函数的原型对象。该原型对象只有一个constructor属性，这个属性指向该函数。构造函数其实在结构上与一般的函数没有区别，但是构造函数一般被用来创建一个实例，所以为了与普通函数区分开，构造函数的函数名的第一个字母一般都是大写。
通过new操作符，我们可以用一个构造函数创建一个实例。如果一个函数前面加上new操作符，JS引擎其实进行了如下几步操作：
1.创建一个新对象并将该对象绑定在this上。
2.使该新对象的[[prototype]]属性指向该构造函数的原型。这个[[prototype]]属性是一个内部属性，但很多浏览器都给每一个对象提供__proto__用于找到其[[prototype]]属性指向的对象。
3.执行函数代码。
4.返回新对象的引用。
如果前面没有加new操作符，就会像普通函数一样执行构造函数。所以构造函数前面一定记得加上new。
var a = new A();//构造一个实例并使a指向它
A();//执行该函数
通过给构造函数的原型添加属性和方法，能实现对象之间的属性和方法共享。对于一个实例，如果某个属性或者方法在其内部找不到的话JS引擎将去该实例的原型中查找。而p1和p2共享一个原型，所以相当于共享这个原型里的所有属性和方法。
function Person(name){ this.name = name; } Person.prototype.say=function(){console.log(this.name);} var p1 = new Person("joe"); var p2 = new Person("sophia"); p1.say(); p2.say();
2. 原型链
当一个构造函数的原型对象是另外一个构造函数的实例时，就形成了原型链。
function SuperType(){ this.property = true; }
SuperType.prototype.getSuperValue = function(){
return this.property;
}
function SubType(){
this.subproperty = false;
}
//继承了SuperType
SubType.prototype = new SuperType();
SubType.prototype.getSubValue = function(){
return this.subproperty;
}
var instance = new SubType();
alert(instance.getSuperValue());//true
以上代码定义了两个类型SuperType和SubType，通过重新赋值给SubType的原型实现了SubType对SuperType的继承。然后给SubType.prototype添加了一个新方法，这样就在继承SuperType.prototype的继承上添加了新方法。这个例子中的构造函数、实例和原型的关系如图：
可以看到的是，当一个构造函数的原型被赋值语句改变值后（实际上是让构造函数的prototype属性指向了另一个对象），它不会再有一个指向该构造函数的constructor属性。而且，由于SubType的原型是SuperType的一个实例，SubType的所有实例都会共享该SuperType实例的属性和方法。原型链的顶端是Object.prototype。Object.prototype的[[prototype]]属性为空。
3.确定原型和实例的关系
有了原型链后，原型和实例的关系变得不那么直接了，有两种方法可以确定原型和实例的关系。
instanceof
alert(instance instanceof Object);//true alert(instance instanceof SuperType);//true alert(instance instanceof SubType);//true
只要是实例原型链上的对象，instanceof操作符都会返回true。
isPrototypeOf()
alert(Object.prototype.isPrototypeOf(instance));//true alert(SuperType.prototype.isPrototypeOf(instance));//true alert(SubType.prototype.isPrototypeOf(instance));//true
4.重新原型方法
虽然，当某些原生原型或第三方JS库定义的原型方法不满足我们的需求时，可以通过SuperType.prototype.xxx = function ooo(){...}的方式重写原型方法，但不建议这么做。可以重写我们自定义的类型SubType的原型方法。养成只修改自己创建的类型的习惯，可以避免一些将来可能会出现的错误。
5.hasOwnProperty
在使用for in语句遍历对象时，它先查找对象的属性，如果没有会沿着原型链查找对象的原型，一直到Object的原型上。这样不可避免地会出现查找效率问题。hasOwnProperty是Object.prototype的一个方法，它能判断一个对象是否包含自定义属性而不是原型链上的属性。但如果一个对象改写了这个属性，就需要使用外部的 hasOwnProperty 函数来获取正确的结果。
参考文章：
1.http://www.nowamagic.net/librarys/veda/detail/1648
2.JS高级程序设计
3.知乎
标签：
原文地址：http://www.cnblogs.com/shuyzhou/p/5818948.html
