每一個JavaScript物件都和另一個物件相關聯，相關聯的這個物件就是我們所說的「原型」。每一個物件都會從原型繼承屬性和方法。有一個特殊的物件沒有原型，就是Object。在之後的圖示中會進行說明。
舉個栗子，我們先宣告一個函數Student()：
function Student(name){
this.name = name;
this.hello = function(){
alert(`Hello,${this.name}`);
}
}
這個函數包含一個屬性name和一個方法hello。
在JavaScript中，可以透過new關鍵字來呼叫Student函數（不寫new就是一個普通函數，寫new就是一個建構函數），並且傳回一個原型指向Student.prototype的對象，如下所示：
var xiaoming = new Student("xiaoming");
alert(xiaoming.name); // xiaoming
xiaoming.hello(); // Hello,xiaoming
如果我們想確認一下我們的設想對不對，就會希望去比較一下xiaoming.prototype和Student.prototype是否相等。
但是xiaoming沒有prototype屬性，不過可以用__proto__來查看。接下來我們就用這些屬性來查看xiaoming，Student，Object之間的原型鏈：
document.onreadystatechange = function(){
// interactive表示文档已被解析，但浏览器还在加载其中链接的资源
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);
}
}
