JavaScript ООП концепции - Свойства

Question

На MDN они заявляют следующее:

Свойства переменные, содержащиеся в классе; каждый объект объекта имеет эти свойства. Свойства должны быть установлены в прототипе property класса (функции) , чтобы наследование корректно работало.

Глядя на секциях Я настроил полужирный я предположил, что это означало:

myClass.prototype.newProperty = ... 

Однако их пример показывает следующее:

function Person(firstName) { 
    this.firstName = firstName; 
    console.log('Person instantiated'); 
} 

var person1 = new Person('Alice'); 
var person2 = new Person('Bob'); 

// Show the firstName properties of the objects 
console.log('person1 is ' + person1.firstName); // logs "person1 is Alice" 
console.log('person2 is ' + person2.firstName); // logs "person2 is Bob" 

В своем примере они добавляя свойство 'firstName' непосредственно к классу/функции, используя 'this'.

Означает ли это:
a) Что такое объявление функции - прототип? То есть myClass - прототип, который также имеет прототип свойства, который по умолчанию установлен на Object?
b) Это использование «этого». в объявлении функции на самом деле добавить свойство к myClass.prototype

Edit: Обновлен название

Answer 1

JavaScript классы не, перестать думать в классах, потому что не работает с JavaScript (да, даже с синтаксисом ES6 class, это просто сахар, в JavaScript нет реальных классов).

Добавляя свойство прототипа объекта, вы убедитесь, что это и любые другие объекты с тем же прототипом будет акций это свойство, это означает, что они все есть, но также означает, что если вы измените его на один, он изменится со всеми из них. К сожалению.

Создание нового объекта с new ключевого слова довольно проста:

1. Создайте пустой объект
2. Сделать что объект прототипа тот же прототип, как конструктора
3. Вызвать конструктор с this, как вновь созданный объект.

Таким образом, добавив свойство прототипа объекта будет иметь его общий для всех экземпляров одного и того же конструктора, при добавлении его в this в конструкторе будет иметь его только на данном конкретном случае. Поскольку он установлен в конструкторе, можно с уверенностью предположить, что все экземпляры будут иметь эту переменную в них, хотя он не будет использоваться совместно со всеми другими экземплярами.

При вызове свойства JavaScript, двигатель будет искать его в следующем фьюжн:

1. Посмотрите на имущество, находящееся на самом объекте (это this внутри методов этого объекта)
2. Если не найден, искать свойства на прототип объекта
3. Если не найден, идти вверх по цепочке прототипов и искать его там

Таким образом, в вашем примере Person, цепочки поиска будет выглядеть следующим образом:

this > Person.prototype > Object.prototype 

застройщика, будет выглядеть следующим образом:

this > Person.prototype > Function.prototype > Object.prototype 

Лицо является функцией, поэтому ее прототип унаследовал от Function.prototype , аналогично любая функция является объектом.

Так конкретные вопросы:

1. Функция декларация не является прототипом. См. Процесс создания объекта выше.
2. Нет, this применяет свойство к этому экземпляру, в то время как prototype является общим для всех экземпляров.