Object.defineProperty()

Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。
重要的是，此方法可以定义属性的描述符，通过描述符控制对象上的属性是否只读等等。

语法： Object.defineProperty(obj, prop, descriptor)

三个参数

• obj 要定义属性的对象。
• prop 要定义或修改的属性的名称
• desciptor 要定义或修改的属性描述符

直接看一个例子

let obj = Object.defineProperty({}, 'name', {
    value: 'zs'
})
console.log(obj);
obj.age = 18
obj.name = 'ls'
console.log(obj);
1
2
3
4
5
6
7

可以看到这个对象添加了 age ，但是 name 并没有改变，这就是 描述符 起了作用
描述符：

现在回头看我们的例子也就，能理解为什么他不能被修改了，因为他的修饰符 布尔值都为false

注：如果一个描述符同时拥有 （value 或 writable） 和 （get 或 set） 键，则会产生一个异常

let sex = ''
let obj = {age:19}
Object.defineProperty(obj, 'name', {
    value: 'zs',
    writable: true
})
Object.defineProperty(obj, 'sex', {
    get(){ return sex },
    set(val){ sex = val }
})
obj.sex = 'man'
obj.name = 'ls'
delete obj.name
console.log(obj);
console.log(Object.keys(obj));
console.log(obj.sex);
console.log(obj.age);
console.log(obj.name);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

解释一下为什么 使用 get 的时候 是返回一个 变量 sex 而不是直接通过 obj.sex 返回值，因为我们使用obj.sex 的时候又会触发 obj 的 get 方法形成死循环