JavaScript中in和hasOwnProperty区别详解
每当代码读取某个对象的某个属性时,都会执行一次搜索,目标是具有给定名字的属性。搜索首先从对象实例本身开始。如果在实例中找到了具有给定名字的属性,则返回该属性的值;如果没有找到,则继续搜索指针指向的原型对象,在原型对象中查找具有给定名字的属性。如果在原型对象中找到了这个属性,则返回该属性的值。
虽然可以通过对象实例访问保存在原型中的值,但却不能通过对象实例重写原型中的值。如果在实例中添加一个与原型中属性同名的属性,则该属性会屏蔽原型中的那个属性。添加的同名属性只会阻止我们访问原型中的那个属性,但不会修改那个属性。即使将这个属性设置为null,也只会在实例中设置这个属性,而不会恢复其指向原型的链接。
in操作符只要通过对象能访问到属性就返回true。hasOwnProperty()只在属性存在于实例中时才返回true。
使用delete操作符则可以完全删除实例属性,从而让我们能巩固重新访问原型中的属性。
functionPerson(){
}
Person.prototype.name="Nicholas";
Person.prototype.age=29;
Person.prototype.job="SoftwareEngineer";
Person.prototype.sayName=function(){
alert(this.name);
};
varperson1=newPerson();
varperson2=newPerson();
alert(person1.hasOwnProperty("name"));//false
alert("name"inperson1);//true
person1.name="Greg";
alert(person1.name);//"Greg"
alert(person1.hasOwnProperty("name"));//true
alert("name"inperson1);//true
deleteperson1.name;
alert(person1.name);//"Nicholas"
alert(person1.hasOwnProperty("name"));//false
alert("name"inperson1);//true
prototype
1.每个函数都有一个prototype的对象属性,对象内有一个constructor属性,默认指向函数本身
2.每个对象都有一个__proto__的属性,属相指向其父类型的prototype
构造函数和普通函数并没有区别,使用new关键字调用就是构造函数,使用构造函数可以实例化一个对象
函数的返回值有两种可能
1.显式调用return返回return后表达式的求值
2.没有调用return返回undefined
functionPeople(name,age){
this.name=name;
this.age=age;
}
varpeople=newPeople('Byron',26);
构造函数返回值
1.没有返回值
2.简单数据类型
3.对象类型
前两种情况构造函数返回构造对象的实例,实例化对象正是利用的这个特性
第三种构造函数和普通函数表现一致,返回return后表达式的结果
总结
以上所述是小编给大家介绍的JavaScript中in和hasOwnProperty区别,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!