为什么不能在instanceof HTMLInputElement上使用“ hasOwnProperty”？

Question

我想检查输入元素是复选框还是文本类型。

我知道我可以这样做：

//Type of input..
if ( input.type === "checkbox" ) 
//Contains the property..
if ( "checked" in input ) 

但是我的问题是：为什么hasOwnProperty返回false？

我只想使用：

input.hasOwnProperty("checked")

但每次都会返回false。

不是input物体吗？
我不这么认为，但是typeof说是：

typeof input // returns "object" 

那么发生了什么？！

代码示例：

//Type of input..
if ( input.type === "checkbox" ) 
//Contains the property..
if ( "checked" in input ) 

input.hasOwnProperty("checked")

有关HTMLInputElement的文档，只有type复选框具有以下属性checked：

Answer 1

"checked" in input返回，true因为in计算所有可枚举的属性。相反，仅当属性是对象本身的成员时才.hasOwnProperty()返回true。false如果它是继承的或对象的成员，则返回prototype。

在这种情况下，checked是一个吸气剂上HTMLInputElement.prototype，不的成员input。

const checkbox = document.getElementById("c");
const descriptor = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'checked');

console.log("'checked' is property of input:", "checked" in checkbox);
console.log("'checked' is own-property of input:", checkbox.hasOwnProperty("checked"));
console.log("'checked' is member of prototype:", HTMLInputElement.prototype.hasOwnProperty("checked"));
console.log("'checked' is getter:", descriptor.get !== undefined);

<input type="checkbox" id="c">