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});
    可以为新建属性定义属性特征, 也可以修改已有属性的属性特性。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 序 从最近的js入门系列的阅读量逐步递减,观众老爷的兴趣也不再能够接受一些细节性的地方深度挖掘,让我有了一些思考。...
    zhaolion阅读 1,632评论 5 19
  • 属性的getter和setter JavaScript的属性值可以用getter和setter方法代替,由gett...
    Allen_HD阅读 174评论 0 1
  • 对象 对象是动态的——可以新增属性也可以删除属性,但是对象经常用来模拟静态对象以及静态类型语言中的“结构体”。对象...
    Allen_HD阅读 273评论 0 1
  • 作者:clearbug原文地址:http://www.cnblogs.com/craftsman-gao/p/48...
    IT程序狮阅读 799评论 1 8
  • 本来我就是个身体不好的人,爱吃甜食,不爱运动,导致生病。 也是个三分钟热度的人,热情往往在做的那一刻,就会冷...
    呆哥毛哥一起耍阅读 195评论 0 0