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

// 定义一个动物类
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"的功能的。

猜你喜欢

转载自blog.csdn.net/u013654125/article/details/81543141