hasOwnProperty检查属性是否存在

深碍√TFBOYSˉ_ 2023-02-16 05:46 169阅读 0赞

提问

检测一个对象是否具有某个属性，你会怎么做的呢？

解答

方法一：通过null和undefined去判断（有点low）

  1. function hasOwn(obj,prop){
  2.     return !(obj[prop] === null || obj[prop] === undefined)
  3. }

方法二：通过js自带的hasOwnProperty方法去判断，见文末

hasOwnProperty方法

Object的hasOwnProperty()方法返回一个布尔值，判断对象是否包含特定的自身（非继承）属性。

用法

  1. function Per(){
  2.     this.name = "晓红"
  3. }
  4. Per.prototype.getAge = function(){
  5.     console.log("19")
  6. }
  7. let per = new Per();
  8. console.log(per.hasOwnProperty("name")) //true
  9. console.log(per.hasOwnProperty("getAge")) //false

注意hasOwnProperty作为属性名的情况
JavaScript 并没有保护 hasOwnProperty 属性名

  1. per.hasOwnProperty = function(){
  2.     return false;
  3. }
  4. console.log(per.hasOwnProperty("name")) //false

为了避免上述的情况，我们可以直接使用原型上的hasOwnProperty，最上面的提问可以用下面的方法来解决

  1. const hasOwnProperty = Object.prototype.hasOwnProperty
  2. function hasOwn(obj,key){
  3.     return hasOwnProperty.call(obj,key)
  4. }
  5. hasOwn(per,"name");//true

发表评论

表情：
评论列表 （有 0 条评论，169人围观）

还没有评论，来说两句吧...

相关阅读