摘要：二構(gòu)造函數(shù)我們先復(fù)習(xí)一下構(gòu)造函數(shù)的知識(shí)上面的例子中和都是的實(shí)例。這兩個(gè)實(shí)例都有一個(gè)構(gòu)造函數(shù)屬性，該屬性是一個(gè)指針指向。原型鏈其中是對(duì)象的實(shí)例。

JavaScript 中，萬(wàn)物皆對(duì)象！但對(duì)象也是有區(qū)別的。分為普通對(duì)象和函數(shù)對(duì)象，Object 、Function 是 JS 自帶的函數(shù)對(duì)象。下面舉例說(shuō)明

var o1 = {}; 
var o2 =new Object();
var o3 = new f1();

function f1(){}; 
var f2 = function(){};
var f3 = new Function("str","console.log(str)");

console.log(typeof Object); //function 
console.log(typeof Function); //function  

console.log(typeof f1); //function 
console.log(typeof f2); //function 
console.log(typeof f3); //function   

console.log(typeof o1); //object 
console.log(typeof o2); //object 
console.log(typeof o3); //object

在上面的例子中 o1 o2 o3 為普通對(duì)象，
f1 f2 f3 為函數(shù)對(duì)象。
怎么區(qū)分，其實(shí)很簡(jiǎn)單，凡是通過(guò) new Function() 創(chuàng)建的對(duì)象都是函數(shù)對(duì)象，其他的都是普通對(duì)象。
f1,f2,歸根結(jié)底都是通過(guò) new Function()的方式進(jìn)行創(chuàng)建的。

Function Object 也都是通過(guò) New Function()創(chuàng)建的。

我們先復(fù)習(xí)一下構(gòu)造函數(shù)的知識(shí)：

function Person(name, age, job) {
 this.name = name;
 this.age = age;
 this.job = job;
 this.sayName = function() { alert(this.name) } 
}
var person1 = new Person("Zaxlct", 28, "Software Engineer");
var person2 = new Person("Mick", 23, "Doctor");

上面的例子中 person1 和 person2 都是 Person 的實(shí)例。這兩個(gè)實(shí)例都有一個(gè) constructor （構(gòu)造函數(shù)）屬性，該屬性（是一個(gè)指針）指向 Person。 即：

  console.log(person1.constructor == Person); //true
  console.log(person2.constructor == Person); //true

我們要記住兩個(gè)概念（構(gòu)造函數(shù)，實(shí)例）：

person1 和 person2 都是 構(gòu)造函數(shù) Person 的實(shí)例

一個(gè)公式：

實(shí)例的構(gòu)造函數(shù)屬性（constructor）指向構(gòu)造函數(shù)。

在 JavaScript 中，每當(dāng)定義一個(gè)對(duì)象（函數(shù)也是對(duì)象）時(shí)候，對(duì)象中都會(huì)包含一些預(yù)定義的屬性。其中每個(gè)函數(shù)對(duì)象都有一個(gè)prototype 屬性，這個(gè)屬性指向函數(shù)的原型對(duì)象。

function Person() {}
Person.prototype.name = "Zaxlct";
Person.prototype.age  = 28;
Person.prototype.job  = "Software Engineer";
Person.prototype.sayName = function() {
  alert(this.name);
}
  
var person1 = new Person();
person1.sayName(); // "Zaxlct"

var person2 = new Person();
person2.sayName(); // "Zaxlct"

console.log(person1.sayName == person2.sayName); //true

我們得到了本文第「定律」：

1.每個(gè)對(duì)象都具有一個(gè)名為_(kāi)_proto__的屬性；
2.每個(gè)構(gòu)造函數(shù)（構(gòu)造函數(shù)標(biāo)準(zhǔn)為大寫(xiě)開(kāi)頭，如Function()，Object()等等JS中自帶的構(gòu)造函數(shù)，以及自己創(chuàng)建的）都具有一個(gè)名為prototype的方法（注意：既然是方法，那么就是一個(gè)對(duì)象（JS中函數(shù)同樣是對(duì)象），所以prototype同樣帶有__proto__屬性）；
3.每個(gè)對(duì)象的__proto__屬性指向自身構(gòu)造函數(shù)的prototype；
4.每個(gè)對(duì)象都有 、__proto__ 屬性，但只有函數(shù)對(duì)象才有 prototype 屬性

五、原型鏈
原型對(duì)象其實(shí)也是普通的對(duì)象。幾乎所有的對(duì)象都可能是原型對(duì)象，也可能是實(shí)例對(duì)象，而且還可以同時(shí)是原型對(duì)象與實(shí)例對(duì)象。這樣的一個(gè)對(duì)象，正是構(gòu)成原型鏈的一個(gè)節(jié)點(diǎn)。因此理解了原型，那么原型鏈并不是一個(gè)多么復(fù)雜的概念。
我們知道所有的函數(shù)都有一個(gè)叫做toString的方法。那么這個(gè)方法到底是在哪里的呢？
先隨意聲明一個(gè)函數(shù)：

function add() {}

那么我們可以用如下的圖來(lái)表示這個(gè)函數(shù)的原型鏈。

原型鏈

其中add是Function對(duì)象的實(shí)例。而Function的原型對(duì)象同時(shí)又是Object原型的實(shí)例。這樣就構(gòu)成了一條原型鏈。原型鏈的訪(fǎng)問(wèn)，其實(shí)跟作用域鏈有很大的相似之處，他們都是一次單向的查找過(guò)程。因此實(shí)例對(duì)象能夠通過(guò)原型鏈，訪(fǎng)問(wèn)到處于原型鏈上對(duì)象的所有屬性與方法。這也是foo最終能夠訪(fǎng)問(wèn)到處于Object原型對(duì)象上的toString方法的原因。
基于原型鏈的特性，我們可以很輕松的實(shí)現(xiàn)繼承。

先從實(shí)例add()分析
實(shí)例add() 為 Function的實(shí)例
所以
add()的__proto__指向其構(gòu)造函數(shù)的原型即 Function.prototype

var add = function () {}
add.__proto__ === Function.prototype//true

特別注意 構(gòu)造函數(shù)Funciton的__proto__指向自身的Function.prototype

Function.__proto__ === Function.prototype//true

所以構(gòu)造函數(shù)Function的__proto__和prototype都指向Function.prototype

因?yàn)镕unction和Object都是js自帶函數(shù)
且 Object 也是由 new Function創(chuàng)建而來(lái)

typeof Function
"function"
typeof Object
"function"

所以 Object的__proto__指向Function的原型對(duì)象即 Function.prototype

Object.__proto__ === Function.prototype
true

因此 Object 的 prototype 和 Function.prototype的 __proto__都指向 Object.prototype

Object.prototype被稱(chēng)為原型鏈的E端，因?yàn)樗腳_proto__為null