码迷,mamicode.com
首页 > 编程语言 > 详细

javascript中in和hasOwnProperty区别

时间:2016-07-15 10:59:22      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:

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

in操作符只要通过对象能访问到属性就返回true。hasOwnProperty()只在属性存在于实例中时才返回true。

使用delete操作符则可以完全删除实例属性,从而让我们能巩固重新访问原型中的属性。

 1 function Person(){
 2 }
 3 Person.prototype.name = "Nicholas";
 4 Person.prototype.age = 29;
 5 Person.prototype.job = "Software Engineer";
 6 Person.prototype.sayName = function(){
 7     alert(this.name);
 8 };
 9 
10 var person1 = new Person();
11 var person2 = new Person();
12 
13 alert(person1.hasOwnProperty("name"));//false
14 alert("name" in person1);//true
15 
16 person1.name = "Greg";
17 alert(person1.name);//"Greg"
18 alert(person1.hasOwnProperty("name"));//true
19 alert("name" in person1);//true
20 
21 delete person1.name;
22 alert(person1.name);//"Nicholas"
23 alert(person1.hasOwnProperty("name"));//false
24 alert("name" in person1);//true

 

javascript中in和hasOwnProperty区别

标签:

原文地址:http://www.cnblogs.com/msdn1433/p/5672799.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!