JS中__proto__和prototype是兩個與原型相關(guān)的屬性，它們在功能上稍有不同。本文將具體介紹并比較這兩者的區(qū)別，并提供相應(yīng)的代碼示例。
首先，我們先來了解一下它們的含義和用途。
proto
__proto__是對象的一個內(nèi)置屬性，它用于指向該對象的原型。每個對象都有一個__proto__屬性，包括自定義對象、內(nèi)置對象和函數(shù)對象。通過__proto__屬性，我們可以訪問和操作對象的原型鏈。
讓我們來看一個例子：
let obj = {};
console.log(obj.__proto__); // 輸出：Object {}
let arr = [];
console.log(arr.__proto__); // 輸出：Array []
function func() {}
console.log(func.__proto__); // 輸出：[Function]
登錄后復(fù)制
上面的代碼中，我們創(chuàng)建了一個空對象obj，并訪問了它的__proto__屬性。可以看到，obj.__proto__指向了一個Object{}對象。同樣，我們還創(chuàng)建了一個空數(shù)組arr，并訪問了它的__proto__屬性，結(jié)果是arr.__proto__指向了一個Array []對象。而對于函數(shù)對象func來說，它的__proto__指向的是一個[Function]對象。
總結(jié)起來，__proto__屬性用于指向?qū)ο蟮脑停覀兛梢酝ㄟ^它來訪問和操作原型鏈。
prototype
prototype是函數(shù)對象獨有的屬性，它指向了一個原型對象。每個函數(shù)對象都有一個prototype屬性，但它只有在這個函數(shù)作為構(gòu)造函數(shù)使用時才有意義。
我們來看一個示例：
function Person() {}
console.log(Person.prototype); // 輸出：Person {}
登錄后復(fù)制
上面的代碼中，我們定義了一個Person函數(shù)對象，并訪問了它的prototype屬性。可以看到，Person.prototype指向了一個Person{}對象。
prototype屬性的主要作用是在構(gòu)造函數(shù)模式下，用于構(gòu)建實例對象的原型鏈。當(dāng)我們使用構(gòu)造函數(shù)來創(chuàng)建一個對象時，它的__proto__屬性會指向構(gòu)造函數(shù)的prototype屬性。
let person = new Person(); console.log(person.__proto__ === Person.prototype); // 輸出：true
登錄后復(fù)制
上面的代碼中，我們使用了Person構(gòu)造函數(shù)來創(chuàng)建了一個對象person。結(jié)果表明，person.__proto__指向了Person.prototype。
區(qū)別和聯(lián)系
__proto__和prototype都與對象的原型相關(guān)，它們之間的聯(lián)系和區(qū)別如下：
- __proto__是實例對象的屬性，用于指向該對象的原型；而prototype是構(gòu)造函數(shù)的屬性，用于指向構(gòu)造函數(shù)的原型對象。__proto__是讀取并訪問對象的原型鏈的屬性，可以在實例對象上直接訪問；而prototype是構(gòu)造函數(shù)的屬性，只能在構(gòu)造函數(shù)內(nèi)部訪問。__proto__可以通過Object.setPrototypeOf()或直接賦值的方式來修改；而prototype只能在構(gòu)造函數(shù)內(nèi)部通過函數(shù)名.prototype來修改。__proto__是非標(biāo)準(zhǔn)的屬性，只有部分瀏覽器支持；而prototype是標(biāo)準(zhǔn)屬性，所有的對象和函數(shù)都有。
下面的代碼示例用于進一步說明這兩者的區(qū)別與聯(lián)系：
function Animal() {}
Animal.prototype.eat = function() {
console.log("Animal is eating");
};
function Dog() {}
Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.bark = function() {
console.log("Dog is barking");
};
const dog1 = new Dog();
dog1.eat(); // 輸出：Animal is eating
dog1.bark(); // 輸出：Dog is barking
console.log(dog1.__proto__ === Dog.prototype); // 輸出：true
console.log(Dog.prototype.__proto__ === Animal.prototype); // 輸出：true
登錄后復(fù)制
上面的代碼中，我們通過定義Animal構(gòu)造函數(shù)和Dog構(gòu)造函數(shù)，創(chuàng)建了一個繼承關(guān)系。通過__proto__和prototype屬性，我們可以訪問到對象的原型鏈，并且證明了它們之間的聯(lián)系。
綜上所述，__proto__和prototype在JS中都與原型相關(guān)，但在功能和使用方式上有所不同。了解它們的區(qū)別可以幫助我們更好地理解JS中的原型機制，并在編寫代碼時更靈活地利用它們。
