首頁猿問使用“new&rdqu...

使用“new”運算符創(chuàng)建對象的實例可以工作

JavaScript

喵喵時光機 2022-09-02 17:00:27

這里有點JavaScript新手。我在這里有以下2個JavaScript代碼片段，它們沒有達到我所期望的。這些示例使用“new”運算符在示例 #1 中創(chuàng)建對象“Person”的實例，并使用 ES5 Object.create（）屬性在示例 #2 中創(chuàng)建“Person”的原型。let Person = function(name, age, city) { this.name = name; this.age = age; this.city = city}// Using 'new' operator (working)let person1 = new Person("Jack Rabit", 40, "Seattle");Object.values(person1); // Shows "Jack Rabit", 40, "Seattle"但是，使用 Object.create（）屬性執(zhí)行以下操作...不顯示屬性的第一個值（在本例中為“name”）：let person2 = Object.create(Person);person2.name = "Will"; person2.age=41; person2.city="San Jose";Object.values(person2); // Shows 41, "San Jose" (Does NOT show the value of the "name" property)我錯過了什么？

查看完整描述

4 回答

慕運維8079593

TA貢獻1876條經(jīng)驗獲得超5個贊

因此，通常當(dāng)我使用時，我會傳遞一個對象以在原型中使用。您當(dāng)前正在將函數(shù)作為參數(shù)傳遞。這種方式有效Object.create()

const Person = function(name, age, city) {

this.name = name;

this.age = age;

this.city = city

}

const person2 = Object.create(new Person());

person2.name = "Will";

person2.age=41;

person2.city="San Jose";

Object.values(person2);

這可能與函數(shù)本身有自己的屬性這一事實有關(guān)？但我不太確定name

編輯：

確認只是因為名稱屬性，將名稱更改為標(biāo)題以避免混淆：

const Person = function(title, age, city) {

this.title = title;

this.age = age;

this.city = city

}

const person2 = Object.create(Person);

person2.title = "Will";

person2.age=41;

person2.city="San Jose";

Object.values(person2);

// ["Will", 41, "San Jose"]

反對回復(fù) 2022-09-02

智慧大石

TA貢獻1946條經(jīng)驗獲得超3個贊

Object.create創(chuàng)建一個新對象，將給定對象作為其 .[[prototype]]

您在此處嘗試錯誤地繼承屬性。您正在創(chuàng)建具有構(gòu)造函數(shù)作為其原型的對象。所有函數(shù)都有一個名為的不可枚舉和不可寫屬性。你可以看到person2Personname

Object.getOwnPropertyDescriptor(Person, "name")

該線路實際上試圖覆蓋此屬性，并且不執(zhí)行任何操作。也有效地成為一種功能。person2.name = "Will";person2

在這里，正確的用法是

let person2 = Object.create(new Person());

反對回復(fù) 2022-09-02

開滿天機

TA貢獻1786條經(jīng)驗獲得超13個贊

Object.create 需要一個對象來創(chuàng)建另一個對象。因此，請使用 Person 函數(shù)返回對象。它應(yīng)該看起來像這樣：

let Person = function(name, age, city) {

return {

name,

age,

city

};

}

// Using 'new' operator (working)

let person1 = new Person("Jack Rabit", 40, "Seattle");

let person2 = Object.create(Person());

person2.name = "Will";

person2.age=41;

person2.city="San Jose";

反對回復(fù) 2022-09-02

幕布斯6054654

TA貢獻1876條經(jīng)驗獲得超7個贊

Object.create需要一個對象來創(chuàng)建另一個對象，因此雖然是一個函數(shù)（確切地說是一個函數(shù)構(gòu)造函數(shù)）也是javaScript中的一個對象。因此，Object.create不會抱怨，但是當(dāng)它以這種方式完成時，引擎蓋下發(fā)生了什么：Person

let person2 = Object.create(Person);

person2最終被分配了一個名為“Person”的函數(shù)的一些屬性（它本身不是一個函數(shù)，它不能被調(diào)用），這可以在這里看到：

// person2.name = 'Person'

// person2() Uncaught TypeError: person2 is not a function at <anonymous>:1:1

作為函數(shù)的繼承屬性之一，其名稱是只讀的，因此不會產(chǎn)生任何影響。Function.name MDN 文檔person2.name = 'some name'

運算符將調(diào)用構(gòu)造函數(shù)，構(gòu)造函數(shù)將在繼承構(gòu)造函數(shù)的原型時返回一個對象new

反對回復(fù) 2022-09-02

4 回答
0 關(guān)注
143 瀏覽

關(guān)注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

使用“new”運算符創(chuàng)建對象的實例可以工作

使用“new”運算符創(chuàng)建對象的實例可以工作

4 回答

添加回答