建構式和實體
屬性Prototype
屬性__proto__
訪問原型上的方法
建構式也有__proto__
建構式的原型也有__proto__
Object.prototype這個原型物件很特殊
總結

建構式和實體

假設你宣告一個方法叫做Foo(),那么我們可以通過new Foo()來宣告實體，

    function Foo() {
      console.log("我是一個構造方法");
    }
    const f1 = new Foo();

現在你可以很清晰的明白Foo()是建構式，f1是它的實體，

屬性Prototype

Foo()這個建構式是一個方法，

方法也是物件資料型別，所以可以說方法是個物件，

物件就有屬性，不過方法有自己特殊的一個屬性，叫做prototype，其他物件沒有哦，

這個屬性會指向一個原型物件(Foo.prototype)，而原型物件也會有一個自己的屬性叫做constructor，指向屬性包含了一個指標，指回原建構式，

    function Foo() {
      console.log("我是一個構造方法");
    }
    const f1 = new Foo();

    console.log(Foo.prototype);//Foo的原型物件
    console.log(f1.prototype);//f1沒有 underfied

在這里插入圖片描述

屬性proto

上文的prototype是給建構式的所有實體提供共享方法和屬性的，

實體又是怎么訪問到共享方法和屬性的呢？

f1實體沒有prototype，而有一個屬性__proto__，這是所有物件都有的屬性，它指向到構造自己的建構式的原型物件，然后js這個語言就是根據這個屬性來讓實體訪問到共享屬性和方法的

Foo是f1的建構式，Foo.prototype是Foo的原型物件，所以f1.__proto__指向Foo.prototype

    function Foo() {
      console.log("我是一個構造方法");
    }

    const f1 = new Foo();

    console.log(Foo.prototype);
    console.log(f1.__proto__);

在這里插入圖片描述

訪問原型上的方法

Foo這個建構式如果希望自己的實體能夠擁有同一個屬性，比如name，就在自己的原型物件上加上，

    function Foo() {
      console.log("我是一個方法");
    }

    Foo.prototype.name = "我是Foo創造的實體共享的屬性";

    const f1 = new Foo();
    const f2 = new Foo();

    console.log(f1.name);//我是Foo創造的實體共享的屬性
    console.log(f2.name);//我是Foo創造的實體共享的屬性

在這里插入圖片描述

建構式也有proto

上面說所有物件都有__proto__，Foo是函式也是物件啊，所以Foo.__proto__是啥呢？

那就去找Foo的建構式是誰呢，Foo是一個函式，擁有函式特有的方法和屬性，創造的它的建構式就是Function，這個js自帶的的一個建構式，它的Function.prototype給所有js中你創建的函式提供函式自帶的一些公共方法和屬性，

所以Foo.__proto__指向Funtion.prototype

建構式的原型也有proto

Foo.prototype也是物件，所以它也有__proto__，

每當我們要找__proto__，就得找它的建構式，Foo.prototype是個物件，純物件，所以它的建構式是Object，那么Object的原型就是Object.prototype，

Foo.prototype.__proto__指向Object.prototype

Object.prototype這個原型物件很特殊

Array、String、Funtion、Object這些建構式都是函式，
都是Funtion建構式的實體，
Array.__proto__、String.__proto__、Funtion.__proto__、Object.__proto__指向Funtion.prototype原型，
可以呼叫Funtion.prototype原型的一些公共方法，
例如都可以呼叫.name查看自己的函式名字，

Array.prototype、String.prototype、Funtion.prototype這些原型物件都是物件，
都是Object建構式的實體，
Array.prototype.__proto__、String.prototype.__proto__、Funtion.prototype.__proto__指向Object.prototype原型，
所以可以呼叫Object.prototype這個原型物件的公共方法，