Javascript не вызывается метод прототипа

Question

Я стараюсь, чтобы переопределить метод и сценарий:

function wrapper(target) { 
    target.doABC = function() { 
     alert('in wrapper'); 
    }; 
    return target; 
} 

function Model() { 
    wrapper(this); 
} 

Model.prototype.doABC = function() { 
    alert('in Model'); 
}; 

var a = new Model(); 
a.doABC(); 

В результате «в обертке». Я не знаю почему?

Answer 1

Любой объект JavaScript имеет собственный и унаследован объектов недвижимости. Собственные - это те, которые определены непосредственно на экземпляре, и унаследовано взяты с объекта prototype.
При использовании property accessor JavaScript выполняет поиск в объекте собственный список недвижимости. Если свойство не найдено, оно ищет в цепочке прототипов объекта.

В вашем примере метод wrapper() определяет у экземпляра объекта собственное свойство doABC, которое является функцией, которая оповещает 'in wrapper'. Даже если у объекта есть прототип с тем же свойством doAbc, который оповещает 'in Model', JavaScript в любом случае будет использовать собственное свойство.

function wrapper(target) { 
    // Define an own property "doABC" 
    target.doABC = function() { 
     alert('in wrapper'); 
    }; 
    return target; 
} 

function Model() { 
    wrapper(this); 
} 

// Define an inherited property "doABC" 
Model.prototype.doABC = function() { 
    alert('in Model'); 
}; 

var a = new Model(); 

//Use the own property "doABC". The inherited "doABC" is ignored. 
a.doABC(); 

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

// delete the own property "doABC" 
delete a['doABC']; 

// the inherited "doABC" will be used. Alerts "in Model" 
a.doABC(); 

Отметьте working demo.

Answer 2

Позвольте мне увидеть, если я могу объяснить:

У вас есть две отдельные версии doABC здесь.

target.doABC Your создает функцию, специфичную для что экземпляра вашего Model и каждый Model получить свой собственный doABC.

Поскольку Model имеет doABC, у механизма JavaScript нет необходимости искать «цепочку» для чего-то еще, поэтому он никогда не будет искать версию Model.prototype.doABC.

Вы можете увидеть это, добавив следующие строки:

Model.prototype.doXYZ = function() { 
    alert('in Model'); 
}; 

и вызов

a.doXYZ(); 

Поскольку a не имеет свой собственный doXYZ тогда и только тогда, он будет искать цепь и см. метод в прототипе.