Почему elem.hasOwnProperty() ложна

Question

У меня есть обработчик щелчка

e.addEventListener('click', this.Multiply, false); 

и функцию

this.Multiply = function() { 
    APi.Multiply(this); 
}; 

и простой Выбрать элемент.
Так это получает Выберите элемент

Почему работает

this.selectedIndex 

дает значение => 2

Но работает this.getOwnPropertyNames() бросает ошибку

или this.hasOwnProperty('selectedIndex') -> дает ложные?

Answer 1

Это потому, что selectedIndex на самом деле является свойством прототипа HTMLSelectElement, а не свойства экземпляра. Для того, чтобы сделать тест, как вы хотите, вы можете попробовать что-то вроде:

this.__proto__.hasOwnProperty('selectedIndex'); 

или

this.constructor.prototype.hasOwnProperty('selectedIndex'); 

Вы должны получить свой ожидаемый результат.

Конечно, предполагается, что ваш экземпляр this на самом деле является вашим выбранным элементом. Конечно учитывая этот HTML:

<select id="example"></select> 

Запуск этого JavaScript:

var el = document.getElementById("example"); 
console.log(el.__proto__.hasOwnProperty('selectedIndex')); 

напечатает верны консоли.