JavaScript原型继承和原型链原理详解

这篇文章主要介绍了JavaScript原型继承和原型链原理详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

在讨论原型继承之前，先回顾一下关于创建自定义类型的方式，这里推荐将构造函数和原型模式组合使用，通过构造函数来定义实例自己的属性，再通过原型来定义公共的方法和属性。

这样一来，每个实例都有自己的实例属性副本，又能共享同一个方法，这样的好处就是可以极大的节省内存空间。同时还可以向构造函数传递参数，十分的方便。

这里还要再讲一下两种特色的构造函数模式：

1.寄生构造函数

从形式上来看，这种模式和工厂模式并无区别：

function Person(name, age, job) {  var o = new Object();  o.name = name;  o.age = age;  o.job = job;  o.sayName = function() {    alert(this.name);  };  return o;}var friend = new Person("Nicholas", 29, "Software Engineer");friend.sayName(); //"Nicholas"

都是在内部创建一个Object对象实例，再赋予属性和方法，最后返回，这种构造模式的好处是，对于原生的引用类型创建的实例，例如Array，想为实例创建新的方法或者属性时，因为不建议直接修改原生的Array引用类型的构造函数，所以可以利用寄生构造函数：

function SpecialArray() {  //创建数组  var values = new Array();  //添加值  values.push.apply(values, arguments);  //添加方法  values.toPipedString = function() {    return this.join("|");  };  //返回数组  return values;}var colors = new SpecialArray("red", "blue", "green");alert(colors.toPipedString()); //"red|blue|green"

通过在内部创建一个Array实例，并添加新的方法，最后将这个实例返回，既没有修改原生的Array构造函数，又成功添加了自定义的方法和属性。

缺点：使用寄生构造函数有一个缺点，那就是返回的实例与构造函数或构造函数原型属性之间没有关系，与在构造函数外创建实例没有区别，也无法通过instanceof来确定对象类型，因此有其他更好选择的时候，不推荐使用该方法。

2.稳妥构造函数

稳妥构造函数与寄生构造函数类似，但是并不使用new和this（某些环境下禁止使用），前面的函数可以改写成这样：

function Person(name, age, job) {  //创建要返回的对象  var o = new Object();  //可以在这里定义私有变量和函数  //添加方法  o.sayName = function() {    alert(name);  };  //返回对象  return o;}

说完这些，现在来谈谈原型继承和原型链，所谓继承，基本思想是利用原型让一个引用类型继承另一个引用类型的方法和属性。每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。所有引用类型默认都继承了Object，而这个继承也是通过原型链实现的。大家要记住，所有函数的默认原型都是Object 的实例，因此默认原型都会包含一个内部指针，指向Object.prototype。