Использование .prototype для добавления метода к переменной

Question

Я ищу анализ этого кода, и у меня проблемы. Моя проблема начинается с этой строки. Customer.prototype = new Person();. Теперь, насколько я знаю. Мы можем добавить некоторые методы к нашим переменным, как это было с Person.prototype.getName. Отлично, теперь Person имеет proto, указывающий на функцию, которая возвращает имя. Итак, что это значит, когда мы делаем Customer.prototype = new Person();. Означает ли это, что взять все методы и утверждения в Person и поместить их внутри переменной Customer?

var Person = function(name) { 
    this.name = name; 
}; 

Person.prototype.getName = function() { 
    return this.name; 
}; 


var john = new Person("John"); 

//Try the getter 
alert(john.getName()); 


Person.prototype.sayMyName = function() { 
    alert('Hello, my name is ' + this.getName()); 
}; 

john.sayMyName(); 

var Customer = function(name) { 
    this.name = name; 
}; 


Customer.prototype = new Person();  


var myCustomer = new Customer('Dream Inc.'); 
myCustomer.sayMyName(); 


Customer.prototype.setAmountDue = function(amountDue) { 
    this.amountDue = amountDue; 
}; 
Customer.prototype.getAmountDue = function() { 
    return this.amountDue; 
}; 


myCustomer.setAmountDue(2000); 
alert(myCustomer.getAmountDue()); 

Answer 1

Каждый объект имеет прототип, который также является объектом.

Когда вы

Customer.prototype = new Person(); 

... установить объект прототип Customer «s. Методы и свойства не копируются в объект Customer, но когда вы ссылаетесь на свойство/метод на Customer, отслеживается цепочка прототипов, чтобы найти это свойство/метод.

В случае myCustomer.sayMyName, двигатель JavaScript первым смотрит в myCustomer «s, находящихся в собственности недвижимости, то в его прототип, который является Person объект, а затем, наконец, в прототипе Person, который является объектом, который имеет этот метод:

Person.prototype.sayMyName = function() { 
    alert('Hello, my name is ' + this.getName()); 
}; 

Answer 2

Поступая Customer.prototype = new Person() мы, по сути делаем класс наследование, как на другом языке. Так, скажем, у нас было:

var p = new Person(); 
Customer.prototype = p; 
var c = new Customer(); 

Прототип (__proto__) из c является p и прототипом p является Person.prototype.

Наивный способ сделать наследование будет Customer.prototype = Person.prototype, который заставит все экземпляры Клиента использовать те же методы, что и Person. Но, если бы мы сделали Customer.prototype.newMethod = ..., было бы также изменить прототип Person.prototype (как они и тот же объект.

Чтобы различать прототип клиента и Person прототипа, мы используем new Person() вместо этого как промежуточное звено в цепи, которая до сих пор имеет связь с прототипом человека, но это отдельный объект

. Примечание: обычно это больше обычного, чтобы сделать Customer.prototype = Object.create(Person) с последующим Customer.prototype.constructor = Customer; потому что делать new Person() означает, что конструктор Person называется (который, как правило, не хотел если вы фактически не делаете настоящий объект).