hasOwnProperty

let contentStyle={
fontSize: this._contentFontSize,
...this._contentStyle
}
for(let i in contentStyle){
//判断contentStyle是否具有属性i
if(contentStyle.hasOwnProperty(i)){
contentDom.style[i]=contentStyle[i];
console.log(contentStyle.hasOwnProperty(i));
}
}

老师你好，这里的hasOwnProperty不太理解，在new $Msg里传入contentStyle:{ qq:"12345" }的时候，i不就已经是contentStyle里面的属性了吗？而且就算我写的是qq也能返回true，hasOwnProperty到底判断了什么？

花生香又脆 2020-04-06

源自：ES6变量的解构赋值 3-2 自定义弹框（二）

收起

2回答

好帮手慕夭夭回答被采纳获得+3积分 2020-04-07 10:18:48

同学你好，因为传入的这个参数中，qq就是对象自身的属性，所以肯定会返回true。hasOwnProperty判断对象是否包含特定的自身的属性，例如有的属性是继承的，有的属性是原型上的。那么使用hasOwnProperty判断这些会返回false。这里体现不出来，可以看如下例子:

sayGoodBy是foo原型对象上的方法，并不是foo自身的，所以使用hasOwnProperty判断返回false。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

收起回答

花生香又脆提问者 #1

老师你好，这个用法我明白了，但是我不明白这个判断在这段代码中有什么用，因为写进contentStyle:{ }中的都是contentStyle自身的属性，那好像不需要判断啊，就算这个方法本来是原型上的，但是我写进了contentStyle里面，不也是contentStyle的方法了吗？我觉得这个判断没有办法筛选掉任何一项啊？

2020-04-07 10:54:18