原型和原型链以及继承

原型和原型链以及继承

在js中, 原型链是一个很重要的东西, 但是却因为它的难度使很多人难以掌握, 所以写下文章总结一下,要了解原型链,我们先看看什么是原型。

一、原型

1.什么是原型：
在JavaScript中，每当定义一个函数数据类型(普通函数、类)时候，都会天生自带一个prototype属性，这个属性指向函数的原型对象，并且这个属性是一个对象数据类型的值。
简单说就像css的class一样，是公用的，给DOM元素加个class名就可以公用样式，那么原型就相当于css里面的class，都可以用。

在构造函数创建出来的时候，系统会默认的帮构造函数创建并关联一个神秘的对象，这个对象就是原型，构造函数的每一个实例都可以访问原型中的成员(一般我们放方法)；

2.原型链：每个构造函数都有原型对象；每个对象都会有构造函数；每个构造函数的原型都是一个对象；那么这个原型对象也会有构造函数；那么这个原型对象的构造函数也会有原型对象；这样就会形成一个链式的结构，称为原型链。
属性搜索原则：
a.当访问一个对象的成员的时候，会现在自身找有没有,如果找到直接使用，
b.如果没有找到，则去当前对象的原型对象中去查找，如果找到了直接使用，
c.如果没有找到，继续找原型对象的原型对象，如果找到了，直接使用
d.如果没有找到，则继续向上查找，直到Object.prototype，如果还是没有，就报错

二、继承

1.那么什么又是继承呢：其实就是一个对象没有的成员，但是另一个对象有，给它拿过用。

下面来介绍几个常用的方法.

1. 借用构造函数
   在解决原型中包含引用类型值所带来问题的过程中, 开发人员开始使用一种叫借用构造函数的技术. 这种技术的基本思想相当简单, 即在子类型构造函数的内部调用超类型构造函数. 函数只不过是在特定环境中执行代码的对象, 因此, 通过使用apply()和call()方法可以在新创建的对象上执行构造函数,
   我们通过以下代码来解决上面的问题:
   
2. 混入继承
   我们可以通过一个克隆函数extend(),将一组对象中的所有属性和方法克隆到一个对象中,这种实现继承的方法我们,我们将其称为混入继承.在jQuery的源码中,大量的采用了该方法.该克隆函数代码如下:
   
3. 组合继承
   组合继承,指的是将原型链和借用构造函数的技术组合到一块. 从而发挥二者之长的一种继承模式. 其背后的思路是使用原型链实现对原型属性和方法的继承, 而通过借用构造函数来实现对实例属性的继承. 这样, 既通过在原型上定义方法实现了函数复用, 又能保证每个实例都有它自己的属性.我们可以通过以下代码来了解组合继承:

4. 原型式继承
原型式继承是借助一个函数,通过传递原型对象作为参数,从而创建新对象的方式实现继承.该函数由道格拉斯提出,代码源码如下:

在ECMAScript 5中新增加了Object.create()方法规范化了原型式继承.我们可以通过该方法实现将一下对象
变为

代码实现如下：