JavaScript对象可以看做属性的集合,我们经常会检测集合中成员的所属关系——判断某个属性是否存在某个对象中。可以通过in运算符,hasOwnPreperty()和propertyIsEnumerable()方法来完成这个工作,甚至仅通过属性查询也可以做到这一点。
in运算符的左侧是属性名(字符串),右侧是对象。如果对象的自由属性或继承属性中包含这个属性则返回true:
var o = {x: 1}
"x" in o; //true : "x"是o的属性
"y" in o; //false : "y"不是o的属性
"toString" in o; //true: o继承 toString属性
对象的hasOwnProperty()方法用来检测给定的名字是否是对象的自有属性。对于继承属性它将返回false:
var o = { x: 1 }
o.hasOwnProperty("x"); //true: o有一个自由属性x
o.hasOwnProperty("y"); //false: o中不存在属性y
o.hasOwnProperty("toString") //false: toString是继承属性
propertyIsEnumerable()是hasOwnProperty()的增强版 ,只有检测到是自有属性且这个属性的可枚举性为true时它才返回true。某些内置属性是不可枚举的。通常由JavaScript代码创建的属性都是可枚举的,除非在ECMAScript 5中使用一个特殊的方法改变属性的可枚举性,随后会提到:
var o = inherit({y:2}); //可理解为Object.create({y:2});
o.x = 1;
o.propertyIsEnumerable("x"); //true: o有一个可枚举的自有属性x
o.propertyIsEnumerable("y"); //false: y是继承来的
Object.prototype.propertyIsEnumerable("toString"); //false:不可枚举
除了使用 in运算符之外,另一种更简便的方法是使用 “!==”判断一个属性是否是undefined:
var o = {x:1}
o.x !== undefined; //true: o中有属性x
o.y !== undefined; //false: o中没有属性y
o.toString !== undefined; //true: o继承了toString属性
然而有一种场景只能使用in运算符而不能使用上述属性访问的方式。in可以区分不存在的属性和存在但值为undefined的属性。如下:
var o = { x: undefined} //属性被显式赋值为undefined
o.x !== undefined //false: 属性存在,但值为undefined
o.y !== undefined //false: 属性不存在
"x" in o //true: 属性存在
"y" in o //false: 属性不存在
delete o.x; //删除了属性x
"x" in o //false: 属性不再存在