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中的对象及其属性

    更新于9-20删除对象的属性var obj = {x : 1,y : {z : 1}};var obj2 = ob...

  • javascript原型链图解

    javascript原型链图解函数对象及其 prototype 属性函数的所有实例中的__proto__属性都指向...

  • js的prototype

    javascript中的每个对象都有prototype属性,Javascript中对象的prototype属性的解...

  • JavaScript - prototype理解

    Javascript中的每个对象都有prototype属性,Javascript中对象的prototype属性的解...

  • Node.js中的全局对象与全局变量(1)

    全局对象 JavaScript 中有一个特殊的对象,称为全局对象(Global Object),它及其所有属性都可...

  • node核心模块

    1、全局对象 JavaScript中有一个特殊的对象,称为全局对象(Global Object),它及其所有属性都...

  • JavaScript学习笔记7_对象_2对象属性

    属性检测 JavaScript对象是属性的集合,我们经常需要判断某个属性是否存在于某个对象中。JavaScript...

  • 05nodejs 全局对象 常用工具

    01、JavaScript 中有一个特殊的对象,称为全局对象(Global Object),它及其所有属性都可以在...

  • 原型与原型链

    javascript中的每个对象都有一个内置的属性prototype,Javascript中对象的prototyp...

  • 原型与原型链

    JavaScript中,每个对象都有constructor属性和proto属性,其中proto属性指向创建该对象的...

网友评论

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

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