[[Get]] 和 [[Put]]、getter 和 setter

1、对象属性的操作

通常我们操作对象中的属性时，使用 obj.attribute 或 obj[‘attribute’] ，内部原理就是调用了 [[Get]] 和 [[Put]] 操作，两个都是默认的属性操作行为，而 getter 和 setter 是一种自定义的属性操作行为，使用它们可以覆盖原有的行为。

2、[[Get]] 和 [[Put]]

[[Get]] 作为默认的行为，它做了2件事：

1、首先在该对象中查找同名属性，如果找到了，返回此属性的值。
2、如果在此对象中没有找到，会沿着原型链进行查找，最终没有找到返回undefined。

[[Put]] 的行为大体上可以归结为以下三种情况：

一、如果此对象中存在
1、检查是否存在 getter 和 setter ，如果存在，则不会执行默认行为 。
2、检查它的属性描述符 writable 是否是 false ？如果是，在非严格模式下失效，在严格模式下抛出 TypeError 异常。

let animal = {};
Object.defineProperty(animal,"run",{
    value: 10,
    writable: false		//设置为不可写
});
let dog = {};
dog.__proto__ = animal;
dog.run = 20;
console.log("dog.run:" + dog.run);

dog.run:10

3、如果不满足上述条件，则会赋予它新的值。

二、如果此对象中不存在，而原型链上存在
1、如果此属性 writable: true，会在自身上添加属性或方法，屏蔽掉原型链上同名的属性或方法。

let animal = {name: "animal"};
dog = {};
dog.__proto__ = animal;
dog.name = "dog";
console.log(dog);

{name: "dog"}
  name: "dog"
  __proto__: 
    name: "animal"
    __proto__: Object

2、如果此属性 writable: false，则无法在自身上添加属性或方法，并且也无法修改原型链上的同名属性或方法。

let animal = {};
Object.defineProperty(animal,"name",{
    value: "animal",
    writable: false
});
let dog = {};
dog.__proto__ = animal;
dog.name = "dog";
console.log(dog);

{}
  __proto__: 
    name: "animal"
    __proto__: Object

三、如果此对象中不存在，原型链上也不存在
沿着原型链进行查找，找不到返回 undefined。

3、getter 和 setter

在 ES5 中可以使用 getter 和 setter 改写默认操作，但是只能应用在单个属性上。

一、使用 set 和 get 定义属性，可以理解成定义两个操作属性的方法，当对属性进行操作时，就是调用这两个方法。（__ proto __ 本质上就是通过这种方式实现的，它实际上是定义在Object上，操作 __ proto __，相当于调用它对应的方法）

1、常规的定义方式：使用 this 实现原型链中间互不影响，并且定义中间变量 _ speed _ 。

let animal = {
    get speed(){
        return this._speed_;
    },
    set speed(value){
        this._speed_ = value * 2;
    }
};
let dog = {};
dog.__proto__ = animal;
console.log(dog);

{}
  speed: undefined
  __proto__:
    speed: undefined
    get speed: ƒ speed()
    set speed: ƒ speed(value)
    __proto__: Object

2、验证此属性在原型链上互不影响

let animal = {
    set speed(value){
        this._speed_ = value * 2;
    },
    get speed(){
        return this._speed_;
    }
};
let dog = {};
dog.__proto__ = animal;
dog.speed = 10;
console.log(dog);
console.log(animal);

{_speed_: 20}
  speed: 20
  _speed_: 20
  __proto__: Object
  
{}
  speed: undefined
  get speed: ƒ speed()
  set speed: ƒ speed(value)
  __proto__: Object

注意：不要看控制台 dog. __ proto __ 下的 speed，this的原因，会使 speed 值与期望值不同。

二、不能设置它的 value 和 writable 特性（即使是默认值也不行）， 可以设置 configurable 和 enumerable 特性。

1、设置属性 value 和 writable 特性

let animal = {
    set speed(value){
        this._speed_ = value * 2;
    },
    get speed(){
        return this._speed_;
    }
};
Object.defineProperty(animal,"speed",{
    value: 40,
    writable: true
})
console.log(animal);

{speed: 40}
  speed: 40
  __proto__: Object

可以发现当设置属性 value 和 writable 特性，getter 和 setter 行为会被默认
[[Get]] 和 [[Put]] 行为覆盖

2、设置 configurable 和 enumerable 特性

let animal = {
    set speed(value){
        this._speed_ = value * 2;
    },
    get speed(){
        return this._speed_;
    }
};
Object.defineProperty(animal,"speed",{
    configurable: true,
    enumerable: true
})
console.log(animal);

{}
  speed: undefined
  get speed: ƒ speed()
  set speed: ƒ speed(value)
  __proto__: Object

设置 configurable 和 enumerable 特性，getter 和 setter 行为不会被默认
[[Get]] 和 [[Put]] 行为覆盖。

注意：上述只是粗略演示，真实测试很复杂。