javascript判断对象有没有某个属性

分手后的思念是犯贱 2022-05-17 09:54 230阅读 0赞

// 定义一个动物类
    function Animal (name) {
      // 属性
      this.name = name || 'Animal';
      // 实例方法
      this.sleep = function(){
        console.log(this.name + '正在睡觉！');
      }
    }
    
    Animal.prototype.test = function() {
        console.log("test")
    };
    
    
    function Cat(name){
      Animal.call(this);
    }
    (function(){
      // 创建一个没有实例方法的类
      var Super = function(){};
      Super.prototype = Animal.prototype;
      //将实例作为子类的原型
      Cat.prototype = new Super();
    })();
    
    var animal = new Animal();
    var cat = new Cat();
    
    console.log("1");
    console.log('name' in animal); //-->true
    console.log(animal.hasOwnProperty('name')); //-->true
    
    console.log("2");
    console.log('name' in cat); //-->true
    console.log(cat.hasOwnProperty('name')); //-->true
    
    console.log("3");
    console.log('sleep' in animal); //-->true
    console.log(animal.hasOwnProperty('sleep')); //-->true
    
    console.log("4");
    console.log('sleep' in cat); //-->true
    console.log(cat.hasOwnProperty('sleep')); //-->true
    
    console.log("5");
    console.log('test' in animal); //-->true
    console.log(animal.hasOwnProperty('test')); //-->false
    
    console.log("6");
    console.log('test' in cat); //-->true
    console.log(cat.hasOwnProperty('test')); //-->false
    
    console.log("7");
    console.log('__proto__' in animal); //-->true
    console.log(animal.hasOwnProperty('__proto__')); //-->false
    
    console.log("8");
    console.log('__proto__' in cat); //-->true
    console.log(cat.hasOwnProperty('__proto__')); //-->false
    
    
    console.log(cat); //-->Cat {name: "Animal", sleep: ƒ}
    cat.test(); //-->test

由上面的代码总结得出：

"in"能检测出对象的所有属性

"hasOwnProperty"只能检测出对象显性定义过的属性，不能检测出没有显性定义过的和propertype里的属性

当然，我们可以用最直接的

if(cat.test) {
    }

也是能做到"in"的功能的。