Object.create против нового с точки зрения наследования прототипа

Question

Object.create против нового с точки зрения наследования прототипа

1

Я много искал об этом, но я не мог найти прямого ответа на него

Почему мы не можем получить доступ к прототипу свойства/метода объекта, созданного с помощью Object.create() но мы можем использовать new ключевое слово?

Рассмотрим конструкторную функцию Greeting следующим образом:

function Greeting() {   
}
Greeting.prototype.byeBye = function(){
    console.log("Have a good day!")
}

Теперь я создаю объект из этого конструктора, используя Object.create()

var Stanley = Object.create(Greeting)
console.log(Stanley.byeBye())

Output -  Error: Stanley.byeBye is not a function

Что означает, byeBye() функция byeBye() недоступна напрямую, используя объект Stanley

Если вы проверяете объект Stanley на консоли, вы найдете следующую структуру:

Однако, если мы используем new ключевое слово для создания объекта, то мы можем byeBye() получить доступ к byeBye() прототипа byeBye()

var Hamley = new Greeting()
console.log(Hamley.byeBye())

Output: Have a good day!

При проверке структуры объекта Hamley в консоли мы получим следующее:

Я сомневаюсь, почему мы не можем получить доступ к прототипу свойства/метода объекта, созданного с использованием Object.create() но мы можем использовать new ключевое слово.

Другое сомнение в том, что в случае Object.create() прототип метода byeBye() попадает под отдельное свойство в __proto__ называемом " prototype ". Если в случае new byeBye() доступна непосредственно под __proto__.

Примечание. Пожалуйста, проверьте ссылки, чтобы открыть изображения, связанные со вторым сомнением

Спасибо всем, кто отвечает на этот пост!

Vaibhav Sharma 28 апр. 2018, в 10:22

Источник

Теги:

javascript

prototype

prototypal-inheritance

1 ответ

Ещё вопросы

T.J. Crowder · Answer 1 · 2018-04-28T05-55-00.000Z

Объект, который вы передаете Object.create должен быть прототипом, Object.create должен обладать новый объект. Вы передаете функцию конструктора, чтобы сделать конструктор прототипом объекта. Вы, вероятно, хотели использовать тот же самый new объект, который использовался бы в свойстве prototype конструктора.

Поэтому вместо:

var Stanley = Object.create(Greeting)

ты хочешь

var Stanley = Object.create(Greeting.prototype)
// ---------------------------------^^^^^^^^^^

Живой пример:

function Greeting() {   
}
Greeting.prototype.byeBye = function(){
    console.log("Have a good day!");
}

var Stanley = Object.create(Greeting.prototype);
Stanley.byeBye();

Просто полезная заметка, единственное различие между вызовом new Greeting и Object.create(Greeting.prototype) состоит в том, что конструктор Greeting не вызывается, но в противном случае возвращаемый объект идентичен, если конструктор не содержит оператора return с выражением.
@PatrickRoberts: Действительно, в частности, если конструктор не возвращает объект (возвращение примитива или нуля игнорируется).
Спасибо за ваш ответ, TJCrowder. Но у меня есть сомнения здесь. Когда используется var Stanley = Object.create(Greeting) , функция Greeting становится прототипом Stanley . byeBye() - метод-прототип Greeting конструктора. Так почему же этот метод не входит в __proto__ конструктора Greeting ? Почему он появляется внутри чего-то, называемого prototype конструктора, когда проверяется в консоли?
@VaibhavSharma: byeBye - это свойство Greeting.prototype , а не Greeting . Если вы используете Greeting (функцию) в качестве прототипа, byeBye нигде не находится в цепочке прототипов объекта.
@TJ Crowder: Теперь я все понял. Если мы проверяем в консоли только Greeting , то оно показывает только эту функцию. Мы не можем найти никакого метода-прототипа в нем. Однако, если мы проверяем Greeting.prototype , то мы можем найти наш мистический метод byeBye() в консоли. Хорошо, большое спасибо за вашу помощь. Продолжайте хорошую работу !!
@VaibhavSharma: Рад, что помог! Если это ответило на ваш вопрос, см. Что делать, если кто-то отвечает на мой вопрос? что делать на SO в таком случае. Удачного кодирования!