JavaScript面向对象 ~ 原型和继承（2）-优快云博客

本文深入探讨了JavaScript中的原型链概念，解释了原型链的构成及其在默认情况下的结构，即从实例对象指向构造函数的prototype，再依次链接至Object.prototype，最终到达null。同时，介绍了如何通过修改原型链实现原型式继承，使实例对象能够继承原型链上的所有方法。

原型链

什么是原型链

根据之前关于原型的知识（https://segmentfault.com/a/11...），渐渐引出了原型链的概念。凡是对象都有原型，而在JavaScript中，万物皆对象，所以，原型也是对象，也具有原型，也就是原型的原型，如此下去，会构成一个对象序列，该结构即为原型链。如前面提到，实例对象通过 proto 访问原型。

那么，原型链什么时候到头呢？默认的原型链结构又是怎样的呢？

凡是使用构造函数，并且没有利用赋值方法修改原型的对象，则保留默认的原型链，该原型链通过 proto 一直向上访问必须最终到头，返回值 null。注意，这里说的是原型的值为null，需要与之前的属性查找原则所说的没有该属性返回的是undefined区分开来。

以一个简单的构造函数为例，演示默认的原型链结构：

function Person(){}
var p = new Person();

当前实例对象 -> Person.prototype -> Object.prototype -> nll
可以在Google浏览器调试工具中查看

什么是原型式继承

通过修改（增加、删除等）原型链结构，使得实例对象具有原型链上的所有方法

函数的原型链

上面讲的是对象的原型链，那函数的原型链呢？

1、函数的构造函数

在js中，使用Function可以实例化函数对象，也就是说在js中，函数与普通对象一样，也是一个对象类型，所以函数可以

使用对象的动态特性
用构造函数创建函数
创建其他对象
唯一可以限定变量作用域的结果

2、Function的实例代码

var foo = new Function("参数一", "参数二", "...")；
Function的参数全是字符串，它是将参数连接起来的函数
没有参数，表示空函数；
只有一个参数，表示函数体；
有N个参数，最后一个表示函数体，前面所有的都表示函数体的参数；

综上，new Function 在功能上与普通函数并无二意。从下面的代码，也可以看出。

function foo(a, b){
  var sum = a + b;
  return sum;
}

var foo = new Function("a", "b", "var sum = a + b; return sum;");

3、函数的原型链
任何函数都是Function的实例，所以函数可以通过__proto__访问到其原型（Function.prototype）。原型也是一个对象，继承自Object.prototype。当前的原型链结构为：
fn -> Function.prototype -> Object.prototype -> null