Javascript中的对象及其属性

作者: softbone | 来源:发表于2017-09-19 22:42 被阅读35次

    更新于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});
      可以为新建属性定义属性特征, 也可以修改已有属性的属性特性。

    相关文章

      网友评论

        本文标题:Javascript中的对象及其属性

        本文链接:https://www.haomeiwen.com/subject/ycngsxtx.html