JS对象的两种 in 操作符

in:

单独使用时,in操作符会在通过对象能够访问给定属性时返回true,无论该属性存在于实例中还是原型中。

function Person(){
};
Person.prototype.name = "hello";
Person.prototype.age = "12";
Person.prototype.sayName = function(){alert(this.name);};

function hasPrototypeProperty(object, name){
    //同时使用hasOwnProperty()方法和in操作符,就可以确定该属性到底是存在于对象中还是原型中
    return !object.hasOwnProperty(name) && (name in object);
};
var p1 = new Person();
alert(hasPrototypeProperty(p1,"name"));	//true
p1.name = "nn";
alert(hasPrototypeProperty(p1,"name"));	//false;

in 操作符只要通过对象访问到属性就返回 true,hasOwnProperty()只在属性存在于实例中时才返回 true。因此只要 in 操作符返回 true 而 hasOwnProperty()返回 false,就可以确定属性是原型中的属性。


for-in:

构造函数:

在使用 for-in 循环时,返回的是所有能够通过对象访问的、可枚举的(enumerated)属性,其中既包括实例中的属性,也包括存在于原型中的属性。屏蔽了原型中不可枚举的属性(即 [ [ Enumerated ] ] 标记为 false 的属性)的实例也会在 for-in 循环中返回,因为根据规定,所有开发人员定义的属性都是可枚举的——IE8及更早的版本中例外。

var p1 = new Person();
Object.defineProperty(p1,"name",{enumerable:false});
for(var ii in p1){alert(ii);};	//name,age,sayName    *(遍历所有)

单个对象:

var o = {
    name:"myName",
    age:122,
    job:"ff",
    sayName:function(){alert(this.name)}
};
Object.defineProperty(o,"name",{enumerable:false});
for(var ll in o){alert(ll);};	//age,job,sayName    *(遍历可遍历属性)


你可能感兴趣的:(JavaScript,JS,in操作符)