每一个JavaScript对象都和另一个对象相关联，相关联的这个对象就是我们所说的“原型”。每一个对象都会从原型继承属性和方法。有一个特殊的对象没有原型，就是Object。在之后的图示中会进行说明。
举个栗子，我们首先声明一个函数Student()：
这个函数包含一个属性name和一个方法hello。 在JavaScript中，可以通过new关键字来调用Student函数（不写new就是一个普通函数，写new就是一个构造函数），并且返回一个原型指向Student.prototype的对象，如下所示：
如果我们想确认一下我们的设想对不对，就会希望去比较一下xiaoming.prototype和Student.prototype是否相等。 但是xiaoming没有prototype属性，不过可以用__proto__来查看。接下来我们就用这些属性来查看xiaoming，Student，Object之间的原型链：
链接的资源
if(document.readyState === "interactive"){
var xiaoming = new Student("xiaoming");
alert(xiaoming.name);
xiaoming.hello();
console.log("xiaoming.__proto__：");
console.log(xiaoming.__proto__);
console.log("Student.prototype：");
console.log(Student.prototype);
console.log("xiaoming.__proto__ === Student.prototype：" + xiaoming.__proto__ === Student.prototype);
console.log("Student.prototype.constructor：" + Student.prototype.constructor);
console.log("Student.prototype.prototype：" + Student.prototype.prototype);
console.log("Student.prototype.__proto__：");
console.log(Student.prototype.__proto__);
console.log(Object.prototype);
console.log("Student.prototype.__proto__ === Object.prototype：" + Student.prototype.__proto__ === Object.prototype);
}
}
七个红色箭头指向的就是七个console.log语句的输出结果。用图例展示一下如图所示：
属性：
由图可得原型链如下所示：
由于本人语言表达能力有限，理解也比较浅显，所以图示比较多，错误之处还望指出，谢谢。
原文链接：https://www.f2er.com/js/44893.html