谈谈__proto__和prototype的区别

　　我想javascript中的原型链一直想很多初学javascript的同学感到非常的困惑，今天看了一些文章，结合自己的理解，把原型链这个东西从新来整理一下，如有不对之处，望大家帮忙指出。

　　首先，我们应该认识的一个问题是，js中的继承是指对__proto__的继承，而不是prototype，这里有同学要问了：“那他们两个有么子区别呢？”，  请看官方的定义：

　　1. A function's .prototype is actually the prototype of things made by it, not its prototype. 
　　2. __proto__ is the actual prototype, but don't use it.　　

　　好吧， 我不知道它在说些事什么鸟东西。下面我们继续往下看，

　  所有构造函数的__proto__都指向Function.prototype，它是一个空函数（Empty function）

alert(Number.__proto__ === Function.prototype);    //ture
alert(Number.__proto__);    //function Empty(){}

 还有些内置对象比如Math，JSON是以对象形式存在的，无需new。它们的__proto__是Object.prototype

alert(Math.__proto__ === Object.prototype);    //true
alert(Math.__proto__);    //Object

 

上面的例子你可以猛戳这里进行调试 

当然啦， 还有些构造函数可能是我们自己定义的，那么他们也是一样一样的

// 函数声明
function Person() {}
// 函数表达式
var Man = function() {}
console.log(Person.__proto__ === Function.prototype) // true
console.log(Man.__proto__ === Function.prototype)    // true

 

这说明什么呢？

所有的构造器都来自于Function.prototype，甚至包括根构造器Object及Function自身。所有构造器都继承了Function.prototype的属性及方法，如length、call、apply、bind（ES5）。

注意：Function.prototype本身是没有这些属性和方法的，他之所以可以调用这些方法是因为Function.prototype是一个对象，既然是一个对象就好说了，那么他的原型链指向的就会是Object.prototype了。

 

总的来说， 原型的所以知识点都可以用这么一张图来简单概括：

 

 通过上面这张图， 我们可以这样理解：

.prototype是一个对象的原型对象，而.__proto__则是对原型对象的引用！