属性访问错误
查询对象中一个不存在的属性并不会报错,如果在对象obj自身的属性或者继承的属性中都没有找到属性attr,属性访问表达式 obj.attr 会返回 undefined ,而如果对象不存在,那么试图查询这个不存在的对象的属性就会报错,因为 null 和 undefined 都没有属性。
var len = book.subtitle.length;
//抛出异常:Uncaught ReferenceError: book is not defined
除非确定book和subtitle都是对象,否则这样写表达式会报错。
//避免出错的办法
var len = undefined;
if(book){//判断book对象是否存在、null或者undefined
if(book.subtitle){//book存在,判断book.subtitle
//两个对象都存在,执行表达式
len = book.subtitle.length;
}
}
或者更加简洁的办法
var len = book && book.subtitle && book.subtitle.length;
/**
* 当book对象、book.subtitle对象存在时将book.subtitle.length值赋给len
*/
给null和undefined赋值也会报出类型错误。给其他值设置属性也不是每次都可以成功,有一些属性是只读的,不能去重新赋值,有些对象不允许新增属性,但是这些设置属性失败的操作不会报错。
//内置构造函数的原型是只读的
Object.prototype = 0;//赋值失败
Object.prototype;//原型不变
在ECMAScript5的严格模式(use strict)中,任何失败的属性设置操作都会抛出一个类型错误异常,以下情况会抛出异常:
- 对象中的属性是只读的:不能给只读属性重新赋值(defaultProperty()方法中可以对可配置的只读属性重新赋值)
- 对象中的属性是继承属性,并且该属性是只读的:不能通过同名的自有属性覆盖只读的继承属性
- 对象不存在的自有属性:属性中没有使用 setter 方法继承属性,并且对象的可扩展性(extensible attribute)是false。
setter方法参考
删除属性
delete 运算符可以删除对象的属性。它的操作数是一个属性访问表达式,delete只是断开属性和宿主对象的联系,而不会去操作属性中的属性或值,delete运算符只能删除自有属性,不能删除继承属性。
var obj = {a : 1,b : 2,c : 3};
delete obj.a;//使用.访问属性
delete obj['b'];//使用[]访问属性
console.log(obj);//输出结果:Object {c: 3}
不能被删除的属性
x = 42; // 隐式声明的全局变量
var y = 43; // 显式声明的全局变量
myobj = {
h: 4,
k: 5
}
// 隐式声明的全局变量可以被删除
delete x; // 返回 true
// 显式声明的全局变量不能被删除,该属性不可配置(not configurable)
delete y; // 返回 false
//内置对象的内置属性不能被删除
delete Math.PI; // 返回 false
//用户定义的属性可以被删除
delete myobj.h; // 返回 true
// myobj 是全局对象的属性,而不是变量
//因此可以被删除
delete myobj; // 返回 true
function f() {
var z = 44;
// delete doesn't affect local variable names
delete z; // returns false
}
从原型对象上面删除属性
function Foo(){}
Foo.prototype.bar = 42;
var foo = new Foo();
// 无效的操作
delete foo.bar;
// logs 42,继承的属性
console.log(foo.bar);
// 直接删除原型上的属性
delete Foo.prototype.bar;
// logs "undefined",已经没有继承的属性
console.log(foo.bar);
delete标识符操作数组对象,详见:JavaScript 数组详解以及常用方法
检测属性
JavaScript对象可以看做是属性的集合,我们经常会检测集合中成员的所属关系——判断某个属性是否存在于某个对象当中。可以通过 in运算符 、hasOwnProperty() 和 propertylsEnumerable() 来完成操作。
in运算符
in运算符的左侧是属性名,右侧是对象。如果对象的自有属性或者继承属性中包含这个属性则返回true,反之返回false。
var obj = {a : 1};
"a" in obj;//true,a是obj的属性
"b" in obj;//false,b不是obj的属性
"toString" in obj;//true,obj继承toString属性
hasOwnProperty()
对象的hasOwnProperty()方法用来检测给定名字是否是对象的自有属性。对于继承属性返回false
var obj = {a : 1};
obj.hasOwnProperty("a");//true,obj中有一个自有属性a
obj.hasOwnProperty("b");//false,obj中没有自有属性b
obj.hasOwnProperty("toString");//false,toString是obj的继承属性
propertyIsEnumerable()
propertyIsEnumerable()是hasOwnProperty()的增强版,只有检测到是自有属性且这个属性的可枚举性(enumerable attribute)是 true 时才回返回true。
var protoObj = {x : 1};//原型
var obj = {a : 1};
Object.defineProperty(obj, 'b', {value : '1', enumerable : false });
obj.prototype = protoObj;//继承原型属性
obj.propertyIsEnumerable("a");//true,obj自有属性且可枚举
obj.propertyIsEnumerable("x");//false,obj继承属性
obj.propertyIsEnumerable("b");//false,obj自有属性但不可枚举