Смущает поведение прототипа Javascript

Question

У меня есть следующий код Javascript;

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

Person.prototype.getAge = function() { 
    alert("Age : " + this.age); 
} 

var p1 = new Person("xyz",10); 
p1.getAge(); 

Это отлично работает, и я получаю предупреждение, как Возраст: 10

Теперь, если я обновлю код, как показано ниже (определяется СеЬАд() после того, как инстанцировании Person объект p1);

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

var p1 = new Person("xyz",10); 

Person.prototype.getAge = function() { 
    alert("Age : " + this.age); 
} 

p1.getAge(); 

Он по-прежнему возвращает мне результат, как «Возраст: 10»

Теперь мой вопрос, как это работает правильно, так как Person.prototype.getAge была определена после того, как мы создали экземпляр объекта Person p1? Это из-за того, как работает «прототип»?

Answer 1

Объекты в JavaScript имеют вид цепи, где, если вы спросите их имущества, они вернутся них и, если у них нет, он будет пытаться найти его над своей цепи, в вашем случае, когда p1 запрашивает его свойство getAge, он ищет его в Person.prototype.

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

var p1 = new Person("xyz", 10); 
var p2 = new Person("abc", 12); 

Person.prototype.getAge = function() { 
    alert("Age : " + this.age); 
} 
p1.getAge = function() { 
    alert("I am " + this.age + " years old."); 
} 

p1.getAge(); // I am 10 years old. 
p2.getAge(); // Age : 12 

В this example, p1 имеет свое собственное свойство СеЬАда, поэтому, когда его спросили, он возвращает его. С другой стороны, p2 действительно не обладает этим свойством, но может получить к нему доступ через «эту цепочку» и возвращает свойство своего прототипа.

Answer 2

Да, так работает прототип. Вы можете использовать эту технику для расширения строк, объектов и массивов.

Answer 3

Любой прототип объекта может быть изменен в любое время. Подумайте о библиотеках/рамках, которые модифицируют базовые Object прототип ... даже встроенные в объектах (Date, String и т.д.) будет иметь модификации сделаны для Object.prototype ли не произойдут, они сразу же при загрузке страницы

попробовать это :

Object.prototype.myTest = function() { console.log('hi'); } 
var a = new Date() 
a.myTest(); //hi