JavaScript

JavaScript中的对象及其属性

更新于9-20
删除对象的属性

var obj = {x : 1,y : {z : 1}};
var obj2 = obj.y;
delete obj.x; 
"x" in obj; //false
obj.x ;//undefined
delete obj.y ;
obj2.z ; //  1

用delete操作符删除对象的属性,注意delete只是切断属性值与宿主对象之间的联系,
并不会销毁这个属性指向的对象,所以obj2指向的属性对象在宿主对象删除属性之后还是存在的,因为这个对象还存在引用数。


创建对象

对象创建的三种方式

  • var obj = {};
  • var obj2= Object.create(OtherObj);
  • var obj3 = new Object();

三种的区别:
第一种对象的原型是Object.prototype
第二种可以为obj2指定它的原型,若为null,则obj2不继承任何原型(包括Object.prototype)
第三种可以自定义构造函数,为构造函数指定prototype,构造函数为Object则原型是Object.prototype

对象的属性

分两类:自有属性和继承属性
属性的特征(包括自有的和继承的):包含四个特征, 值(value) 、可写(writable) 、可枚举(enumerable)、可配置(configurable)
//(存取器属性为get、set、enumerable、configurable )
不可枚举不代表不可访问
可写表示是否可以设置该属性的值,可枚举表示是否可以通过for/in循环枚举到,可配置表示是否可以删除或修改该属性

遍历/检索属性的常用的方法或操作符

  • for/in
    for(var attr in obj){
    console.log(attr);
    }
    遍历对象的可枚举的自有属性和继承属性 一般语言核心定义的内置方法不是可枚举的。如toString

  • in运算符
    判断对象的自有属性或者继承属性中是否有指定的属性(和枚举没关系) in运算符可以判断定义在对象中的值为undefined的属性
    var obj = {attr : undefined}; 'attr' in obj // true
    "toString" in {} //true

  • hasOwnProperty()
    //用来判定指定的属性是否是对象的自有属性,对于继承属性返回false(和枚举性没有关系)
    {}.hasOwnProperty("toString"); //fasle

  • propertyIsEnumerable()
    //用来判断是否是自有属性而且是可枚举的
    Object.prototype.propertyIsEnumerable("toString"); // false 因为toString是不可枚举的

  • Object.keys(obj2);
    //返回一个由obj2的可枚举的自有属性名组成的字符串数组
    可用来判断对象是否为空对象
    Object.keys(obj).length === 0 ? 'empty' : 'notempty';

  • Object.getOwnPropertyNames(obj2)
    // 和keys类似,不过不要求是可枚举的

给对象添加和继承的属性同名的属性,添加的属性值会覆盖继承的值

存取器属性 getter和setter

{
xxx : 'sss',
get r(){一些操作   return this.xxx},
set r(value) {一些操作 this.xxx = value}
}
obj.r ;   
obj.r ="value";  
  • 其实存取器属性就相当于两个‘方法',使用它时不会像调用方法那样,而是像取我们的普通属性一样。一个存取器属性如果不设置get则对象无法用这个属性得到一个值,如果不设置set则无法设置某些值。
    存取器属性里的this是指调用它的对象。

修改对象属性的特性

  • Object.getOwnPropertyDescriptor({x : 1},"x");//得到对象自有属性的属性描述对象
    存取器属性的属性描述对象 {get : function(){}, set : undefined, enumerable : true , configurable : true}
  • Object.defineProperty({}, 'x', {value : 1, writable : true , enumerable : true, configurable : true});
    可以为新建属性定义属性特征, 也可以修改已有属性的属性特性。