美文网首页
javascript中in和hasOwnProperty区别

javascript中in和hasOwnProperty区别

作者: 阿羡吖 | 来源:发表于2020-08-08 17:41 被阅读0次

    每当代码读取某个对象的某个属性时,都会执行一次搜索,目标是具有给定名字的属性。搜索首先从对象实例本身开始。如果在实例中找到了具有给定名字的属性,则返回该属性的值;如果没有找到,则继续搜索指针指向的原型对象,在原型对象中查找具有给定名字的属性。如果在原型对象中找到了这个属性,则返回该属性的值。虽然可以通过对象实例访问保存在原型中的值,但却不能通过对象实例重写原型中的值。如果在实例中添加一个与原型中属性同名的属性,则该属性会屏蔽原型中的那个属性。添加的同名属性只会阻止我们访问原型中的那个属性,但不会修改那个属性。即使将这个属性设置为null,也只会在实例中设置这个属性,而不会恢复其指向原型的链接。

    in操作符只要通过对象能访问到属性就返回true。hasOwnProperty()只在属性存在于实例中时才返回true。
    使用delete操作符则可以完全删除实例属性,从而让我们能够巩固重新访问原型中的属性。
    Person.prototype.lastName = "Deng";
    
    function Person() {
    }
    var person = new Person();
    person.age = 12;
    
    if (person.hasOwnProperty('lastName')) {
        //找不到不执行
        console.log(person.lastName)
    }
    
    if (person.hasOwnProperty('age')) {
        //能找到会输出12
        console.log(person.age)
    }
    
    console.log('name' in person); // true
    

    相关文章

      网友评论

          本文标题:javascript中in和hasOwnProperty区别

          本文链接:https://www.haomeiwen.com/subject/uuuhdktx.html