js对象可扩展性和属性的四个特性（下）

---

一、前言

• 再次花时间回顾一下基础，毕竟要想楼建的好，地基就要牢固，嘻嘻！

• 在开始之前需要具备对prototype、__proto__、constructor有一定得了解，可以看看我之前写的一篇文章=>通道

• 之前的用户管理系统已经差不多了，顺便加了个socket聊天的，但是由于做java后台的哪个朋友节奏跟不上来，所以即时聊天的后台就是node+socket-io写的，由于用户列表也涉及比较多的用户隐私问题，所以我设置了页面权限和接口权限，然后下面开放的几个账号就只能看到几个页面而已，哈哈。=>通道

• 体验账号1：账号：“123456”。密码：“123456”

• 体验账号2：账号：“123123”。密码：“123123”

---

二、目录

• 对象属性的四个特性
• 对象的可扩展性
• 删除属性
• 检测属性
• 枚举属性
• 属性的getter和setter

---

三、删除属性

1、用指定对象作为原型创建对象

Object.create()

说明：

• 第一个参数是新建对象的原型
• 第二个参数也就是属性和特性描述的集合

    const log = console.log;

    //返回数据数据的描述

    var aa = Object.create({ x: 1 }, {

        y: {

            value: 1,

            writable: false,

            enumerable: false,

            configurable: true

        }

    })

    log(aa)

    log(Object.getOwnPropertyDescriptor(aa,'y'))

2、删除对象属性

delete

说明:

• delete只是断开属性和宿主对象的联系，而不会去操作属性中的属性。
• delete只能删除自有属性，不能删除继承属性。
• delete不能删除可配置为false的属性

    const log = console.log;

    //返回数据数据的描述

    var aa = {y:2}

    Object.defineProperty(aa, 'x', {

            value: 1,

            writable: true,

            enumerable: true,

            configurable: false

        })

    log(aa);

    log(delete aa.x);

    log(delete aa.y);

    log(aa)

---

四、检测属性

1、检测对象是否拥有某个属性

in

说明：

• in运算符不仅仅回检测对象自有属性，还会检测继承属性

    const log = console.log;

    var aa={x:1};

    log('x' in aa);

    log('y' in aa);

    log('toString' in aa)

2、检测对象是否拥有某个属性

hasOwnProperty()

说明：

• hasOwnProperty只会检测对对象自有属性，不会检测继承属性

    const log = console.log;

    var aa={x:1};

    log(aa.hasOwnProperty('x'));

    log(aa.hasOwnProperty('y'));

    log(aa.hasOwnProperty('toString'))

3、检测对象是否拥有某个属性

propertyIsEnumerable()

说明：

• propertyIsEnumerable属性只检测自有属性的可枚举属性

    const log = console.log;

    var aa = { x: 1 };

    Object.defineProperty(aa, 'y', {

        value: 1,

        writable: true,

        enumerable: false,

        configurable: true

    })

    log(aa)

    log(aa.propertyIsEnumerable('x'));

    log(aa.propertyIsEnumerable('y'));

    log(aa.propertyIsEnumerable('toString'))

---

五、枚举属性

1、枚举对象中的属性

Object.keys()

    const log = console.log;

    var aa = { x: 1 ,y:2};

    Object.defineProperty(aa, 'z', {

        value: 3,

        writable: true,

        enumerable: false,

        configurable: true

    })

    log(aa)

    log(Object.keys(aa))

2、枚举对象中的属性

Object.getOwnPropertyNames()

    const log = console.log;

    var aa = { x: 1 ,y:2};

    Object.defineProperty(aa, 'z', {

        value: 3,

        writable: true,

        enumerable: false,

        configurable: true

    })

    log(aa)

    log(Object.getOwnPropertyNames(aa))

---

六、属性的getter和setter

说明：

• 由get和set定义的属性叫做存取器属性
• 不同于普通属性它不是一个具体的值，而是由两个方法构成

    const log = console.log;

    var aa = { x: 1 ,

    get y(){

        return 1000;

    },

    set y(value){

        this.x+=value;

    }

    };

    log(aa)

    aa.y=1;

    log(aa)