## 前言
> 以下概念請花費一定的時間徹底理解,才能進行下一步,思考題一定要思考,這樣才能徹底掌握原型鏈的知識點,教程中如果有任何的錯誤不足請指正!

## 函式物件
由function創造出來的函式,比如:

```

function a(){};
    var b=function(){};
    
```
系統內建的函式物件

Function,Object,Array,String,Number
    
只有函式物件才有 prototype屬性 ,重要的事情說三遍!

> 思考: js的引用資料型別都屬於函式物件嗎?

## 普通物件
除開函式物件之外的物件都是普通物件

var b='qwe'; // b 是字串型別,屬於普通物件
    var c=123;; // c 是數字型別,屬於普通物件

> 思考:js有五種基本型別:Undefined，Null，Boolean，Number和String,他們都是屬於普通物件嗎?

## 原型物件
prototype屬性也叫原型物件,主要是為了實現繼承和共享屬性;

可以說我們的每一次程式設計,內在都有原型物件來發揮著作用,如果你沒有掌握原型物件的含義,那麼你的js還沒有真正的入門!

function a(){};
    
首先物件 a 是由Function創造出來,是函式物件;那麼根據我們以上的教程,a 就有了prototype屬性,那麼這個原型物件是怎麼創造出來的呢?
來看下面這個例子:

var temp = new a();
    a.prototype=new Object();
    a.prototype = temp;
    
那麼a的prototype屬性就是這樣創造出來的;

> 思考:原型物件prototype 屬於函式物件嗎?

## 指標__proto__
JavaScript中，萬物皆物件！所有的物件obj都具有proto屬性(null和undefined除外),可稱為隱式原型，一個物件的隱式原型指向構造該物件的建構函式的原型

請看以下例子幫助理解:

```
function a(){};
var obj=new a();
console.log(a.__proto__===Function.prototype); //true
console.log(a.prototype.__proto__===Object.prototype); //true
console.log(obj.__proto__===a.prototype); //true
```

> 思考一下,var obj={}; obj.prototype.__proto__指向誰?

## 建構函式屬性constructor
假設 obj 是由函式物件 a 由new運算創造出來的，那麼obj的constructor 的屬性就存放著一個對 a 的引用，透過這個建構函式，我們還可以為 a新增其他屬性和方法,
這個屬性的最初設計是為了檢測物件的資料型別，不過後來人們透過此屬性的特性做了更多的事情

請看以下例子:

```
function a(){};
var obj=new a();
obj.constructor.b=`我是a的新的屬性`;
console.log(a.b); //我是a的新的屬性
console.log(a.constructor===Function); //true
console.log(a.prototype.constructor===a); //true
console.log(obj.constructor===a); //true
```

函式a是由Function創造出來,那麼它的constructor指向的Function,obj是由new a()方式創造出來,那麼obj.constructor理應指向a

> 思考:a.prototype.__proto__.constructor指向誰?

## 思考題解答
### 函式物件思考題解答
> 思考: js的引用資料型別都屬於函式物件嗎?

引用型別值：指的是那些儲存在堆記憶體中的物件，意思是，變數中儲存的實際上只是一個指標，這個指標執行記憶體中的另一個位置，由該位置儲存物件

那麼陣列,普通物件,函式物件都算是引用資料型別,引用資料型別範圍包含函式物件的範圍

### 普通物件思考題解答
> 思考:js有五種基本型別:Undefined，Null，Boolean，Number和String,他們都是屬於普通物件嗎?

基本型別值：指的是儲存在棧記憶體中的簡單資料段；除開函式物件之外的物件都是普通物件,那麼普通物件範圍是包含基本資料型別的

> 事實上(函式物件,普通物件)以及(基本資料型別,引用資料型別)是在不同角度對js變數進行的定義

### 原型物件思考題解答
> 思考:原型物件prototype 屬於函式物件嗎?

事實上 這個問題要進行分別回答:

Function.prototype 屬於函式物件,其他物件的prototype屬於普通物件

```
function a(){};
console.log(typeof Function.prototype); // function
console.log(typeof a.prototype); //object
```

前面說過prototype的創造過程

```
    var temp = new a();
    a.prototype = temp;
```

這裡temp當然就是普通物件啦,但是看下Function的prototype創造過程

var a = new Function();
    Function.prototype = a;
看明白了把,Function的prototype為什麼是函式物件了吧?回憶一下函式物件的定義吧!

### 指標__proto__思考題解答
> 思考一下,var obj={}; obj.prototype.__proto__指向誰?

這裡分步思考:
1, obj只是一個普通物件
2, 什麼型別的物件是有prototype屬性的?當然是函式物件
3, 所以obj是沒有prototype屬性的
4, 所以obj.prototype===undefined
5, 所以此題的最終問題是:undefined.proto指向什麼
6, 所有的物件obj都具有proto屬性(null和undefined除外)!所以答案是 js報錯(有沒有一種被我坑了的感覺)

### 構造器constructor思考題解答
> 思考:a.prototype.__proto__.constructor指向誰?

```
function a(){};
```

這裡繼續分解題目:
1, a.prototype指向a的一個例項,我們已經多次強調了,而且屬於普通物件
2, __proto__定義為:指向創造obj物件的函式物件的prototype屬性,所以看下誰創造了a.prototype,因為a.prototype是普通物件,型別為object,那麼是Object創造了它,
3, 那麼顯而易見a.prototype.__proto__指向了Object.prototype
4, 那麼題目簡化為Object.prototype.constructor指向誰
5, 繼續分解題目,Object.prototype為基本物件,那麼就是Object創造了它,那麼它的constructor就指向了Object

```
Object.prototype.constructor===Object //true
```

不知道你暈不暈,我有點暈,這產生了蛋生雞還是雞生蛋的問題啦~

放心,還是有盡頭的 :

```
Object.prototype.__proto__===null //true
```

這個例子告訴我們是 是null創造了一切““這不就是易經中的:道生一，一生二，二生三，三生萬物！

徹底深刻理解js原型鏈之prototype,proto以及constructor(一)

相關文章

徹底深刻理解js原型鏈之prototype,__proto__以及constructor(一)

相關文章

徹底深刻理解js原型鏈之prototype,proto以及constructor(一)