JavaScript 对象属性操作和方法学习笔记（上）

属性访问错误

---

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

Object.defineProperty()方法详解:JavaScript Object.defineProperty()方法详解