Object.defineProperty()有何名堂？

// 使用 __proto__
var obj = {};
var descriptor = Object.create(null); // 没有继承的属性
// 默认没有 enumerable，没有 configurable，没有 writable
descriptor.value = 'static';
Object.defineProperty(obj, 'key', descriptor);

// 以上相当于显式写法，如下
Object.defineProperty(obj, "key", {
  enumerable: false,
  configurable: false,
  writable: false,
  value: "static"
});

var obj = {}

Object.defineProperty(obj, 'a', {
  value: 37,
  writable: false
})

obj.a = 25; // 结果不会报错，但是obj.a的数值还是37，不会被改变

// 但是在严格模式下，这样操作就会报异常
(function () {
  'use strict'
  var obj = {};
  Object.defineProperty(obj, 'b', {
    value: 37,
    writable: false
  });
  obj.b = 25;
  return obj.b;
}())
// 抛异常：Cannot assign to read only property 'b' of object

// 添加一个数据描述符
var obj = {}

Object.defineProperty(obj, 'a', {
  value: 37,
  writable: true,
  configurable: true,
  enumerable: true
})

// 给对象添加一个存取描述符
var bValue;
Object.defineProperty(obj, 'b', {
  get: function () { return bValue },
  set: function (newValue) { bValue = newValue },
  configurable: true,
  enumerable: true
})

// 这样设置后，除非重新定义 obj.b，否则 obj.b 的值总是与 bValue 相同，无论 bValue 的值如何变化

bValue = 4

console.log(obj.b) // expected output: 4

var o = {};
Object.defineProperty(o, "a", { value : 1, enumerable: true });
Object.defineProperty(o, "b", { value : 2, enumerable: false });
Object.defineProperty(o, "c", { value : 3 }); // enumerable 默认为 false

o.d = 4; // 如果使用直接赋值的方式创建对象的属性，则 enumerable 为 true

// 通过 判断是否可枚举
o.propertyIsEnumerable('a'); // true
o.propertyIsEnumerable('b'); // false
o.propertyIsEnumerable('c'); // false
o.propertyIsEnumerable('d'); // true

var p = { ...o }

p.a // undefined 不可枚举
// 扩展运算符本身也是要通过for in Object.keys来遍历取值赋值，如果 enumerable 为 false 取不到值

var o = {};
Object.defineProperty(o, 'a', {
  get() { return 1; },
  configurable: false
});

Object.defineProperty(o, 'a', {
  configurable: true
}); // throws a TypeError

var o = {};

o.a = 1;
// 等同于：
Object.defineProperty(o, "a", {
  value: 1,
  writable: true,
  configurable: true,
  enumerable: true
});


// 另一方面，
Object.defineProperty(o, "a", { value : 1 });
// 等同于：
Object.defineProperty(o, "a", {
  value: 1,
  writable: false,
  configurable: false,
  enumerable: false
});

// Getter 为读取属性时调用的函数. Setter 为设置属性是调用的函数, Setter 会有一个参数, 即设置的那个值
function Archiver() {
  var temperature = null;
  var archive = [];

  Object.defineProperty(this, 'temperature', {
    get: function() {
      console.log('get!');
      return temperature;
    },
    set: function(value) {
      temperature = value;
      archive.push({ val: temperature });
    }
  });
  
  this.getArchive = function () {
    return archive
  }
}

var arc = new Archiver();
arc.temperature; // expected output: 'get!'
arc.temperature = 11;
arc.temperature = 13;

console.log(arc.getArchive()) // expected output: [{ val: 11 }, { val: 13 }]

// 如果访问者的属性是被继承的，它的 get 和 set 方法会在子对象的属性被访问或者修改时被调用。如果这些方法用一个变量 value 存值，该值会被所有对象共享

function myClass () {}

var value;

Object.defineProperty(myClass.prototype, 'x', {
  get () {
    return value
  },
  set (v) {
    value = v
  }
})

var a = new myClass()
var b = new myClass()

a.x = 1

console.log(b.x) // expected output: 1

myClass.prototype.isPrototypeOf(a) // true
myClass.prototype.isPrototypeOf(b) // true

// 这可以通过将值存储在另一个属性中解决。在 get 和 set 方法中，this 指向某个被访问和修改属性的对象

function myClass () {}

Object.defineProperty(myClass.prototype, 'x', {
  get () {
    return this.store_x
  },
  set (v) {
    this.store_x = v
  }
})

var a = new myClass()
var b = new myClass()

a.x = 1

console.log(b.x) // expected output: undefined