值得收藏的js原型詳解

從虛無到Object

---

起初，地是空虛混沌，淵面黑暗；這時候一切仍是null

神說，要有原型，因而就有了prototype

原型從憑空產生，因而須要一個指向於null的特徵，人們把這種特徵叫作隱式原型，即__proto__，其實也就一種指向，表達的是本身從何而來，也就是：Object.prototype.__proto__ === null

「妖孽還不現出原型」

對，原型通常不顯露，顯露的通常都是一個對象，因此纔會有「對象的原型」一說，就好像每一個妖精都有本身的原型同樣。

Object與原型的關係

Object經過prototype找到原型，原型經過constructor找到Object，也就是：Object.prototype.constructor === Object

構造函數的由來

---

函數共有的特色

constructor的意思是構造器，而此時的Object還不能構造任何東西，所以Object須要變成能構造對象的函數，這樣的函數咱們稱之爲構造函數；而這樣的函數不會憑空產生，它首先得要是個函數，才能進行構造，也就是說會有條隱式原型指向Function.prototype，表示它是個函數；

一樣說明：只要是函數，就有一條__proto__指向Function.prototype，包括Function本身；也就是：Function.__proto__===Function.prototype

一切的起源Object.prototype

除了Object.prototype是從null衍生而來，那其餘原型呢?要知道，在Object世界中沒有人是憑空產生的，Object.prototype除開；

能夠看到全部構造函數的原型都是直接或間接來着Object.prototype，而全部系統構造函數的原型都直接來着於Object.prototype；

衆所周知，js在找一個對象裏面的屬性的時候，若是在該對象找不到，就會去該對象的__proto__裏面找，若是__proto__裏面找不到，就會去對象的__proto__.__proto__裏面找，直到找到null爲止；

因此，換句話說，這裏的構造函數都直接或間接的繼承了Object.prototype的屬性和方法，在類中，這些都至關於Object.prototype的子孫類，因此，Object.prototype纔是一切的起源；

實例化

---

new作了啥？

實例化一般是指用類建立對象的過程，而在js中實例化有三種常見方法：

工廠模式

function createObj() {
        let obj= new Object();
        obj.name= "小米";
        obj.age= 22;
        return obj;
    }
    let obj = createObj();

構造函數

function CreateObj(name, age) {
        this.name= name;
        this.age= age;
    }
    let obj = new CreateObj("小米", 22);

原型模式

function CreateObj() {};
    CreateObj.prototype= {
        name: "小米",
        age: 22
    };
    let obj = new CreateObj();

這些實例化的方法無疑都用到了new，那new究竟在作了什麼呢?

其實new只作了三件很簡單的事

1. 建立一個空對象var obj = Object.create(null);
2. 讓這個對象繼承類的原型obj.__proto__ = CreateObj.prototype;
3. CreateObj構造函數的this指針替換成obj，而後再調用CreateObj函數CreateObj.call(obj);

如今第一步和第二是能夠合併在一塊兒的；var obj = Object.create(CreateObj);

若是第三步不是很清楚了，能夠去個人另一篇博客回顧回顧哦！通道===>>>詳解js的bind、call、apply

小結

---

1. 只要是函數，就有一條__proto__指向Function.prototype，包括Function構造函數;
2. 除了Object.prototype從null而來，就沒有其餘對象憑空產生了，絕對會有一條__proto__代表該對象的起源；