Object相关操作（一），defineProperty、defineProperties、getOwnPropertyDescriptor等

1、defineProperty和defineProperties

字面意义就表明一个是操作单个，一个是操作多个。
defineProperty的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性

Object.defineProperty(obj, prop, desc)，defineProperty接收参数：
obj: 需要定义属性的当前对象
prop: 当前需要定义的属性名
desc: 属性描述符

let obj = {}
Object.defineProperty(obj, 'name', {
    value: 2, // 值
    configurable: true, // 是否可配置、可删除
    writable: true, // 是否可修改
    enumerable: true // 是否可枚举、遍历
})
console.log(obj) // {name: 2}
Object.defineProperty(obj, 'name', {
    value: 3,
    configurable: true,
    writable: true,
    enumerable: true
})
console.log(obj) // {name: 3}

Object.defineProperties() 方法直接在一个对象上定义新的属性或修改现有属性，并返回该对象。

Object.defineProperties(obj, props), 接收参数：
obj: 需要定义属性的当前对象(同defineProperty)
props: 对象，包含需要定义的属性及其描述

let obj = {}
Object.defineProperties(obj, {
    'name': {
        value: 'lily', // 值
        configurable: true, // 是否可配置、可删除
        writable: true, // 是否可修改
        enumerable: true // 是否可枚举、遍历
    },
    'age': {
        value: 20, // 值
        configurable: true, // 是否可配置、可删除
        writable: true, // 是否可修改
        enumerable: true // 是否可枚举、遍历
    }
})
console.log(obj) // {name: 'lily', age: 20}

大家会看到这里每次设置属性描述都包含很多参数，这里列举一下desc中每个参数的意义

• value:
  对应属性的属性值
  默认 undefined
  只要 writable 和 configurable 有一个为 true，就允许改动

• get:
  一个函数，表示该属性的取值函数, 不接收参数, return 一个值
  默认 undefined

• set:
  一个函数，表示该属性的存值函数, 接受一个参数
  默认 undefined

• configurable:
  是否可配置、可删除， 布尔值
  true表示该属性可通过defineProperty配置，也可删除
  false则相反

• writable:
  是否可写，如obj.a = 3这样赋值, 布尔值
  如果为 true , 则obj.a=3生效，反之赋值失败

• enumerable:
  是否可枚举、遍历，布尔值
  如果为false, 比如for in、Object.keys()获取不到该值。

下面举几个例子看看对应的情况
1、描述默认值

1、普通赋值对象
let obj = {}
obj.a = 3
相当于
let obj = {}
Object.defineProperty(obj, 'a', {
    value: 3, // 值
    configurable: true, // 这里默认为true
    writable: true, // 这里默认为true
    enumerable: true // 这里默认为true
})

2、使用defineProperty定义
Object.defineProperty(obj, 'a', {
    value: 3
})
相当于
Object.defineProperty(obj, 'a', {
    value: 3, // 值
    configurable: false,
    writable: false,
    enumerable: false
})

两种赋值方式所对应的描述默认值是不同的

2、存取描述get/set

let obj = {}
let aaa
Object.defineProperty(obj, 'a', {
    get: function () {
        console.log('getter')
        return aaa
    },
    set: function (val) {
        console.log('setter', val)
        aaa = val
    }
})
console.log(obj.a) // getter -> undefined
obj.a = 333 // setter 333
console.log(obj.a) // getter -> 333

3、configurable、writable单个和配合场景

'use strict'
let obj = {}
Object.defineProperty(obj, 'a', {
    value: 2,
    configurable: false,
    writable: true,
    enumerable: true
})
delete obj.a // 报错 Uncaught TypeError: Cannot delete property 'a' of #