属性访问错误


查询对象中一个不存在的属性并不会报错,如果在对象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自有属性但不可枚举