vue实现数据双向绑定的基础之理解对象属性类型

原生JavaScript之理解对象

ECMA-262 把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数。”严格来讲，
这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射
到一个值。正因为这样（以及其他将要讨论的原因），我们可以把ECMAScript 的对象想象成散列表：无
非就是一组名值对，其中值可以是数据或函数。

每个对象都是基于一个引用类型创建的，这个引用类型可以是Object 类型、Array 类型、Date 类型、RegExp 类型、Function 类型 等，也可以是开发人员定义的类型。

1、 理解对象

创建对象的最简单方式就是创建一个引用类型 的实例，然后再为它添加属性和方法，比如创建一个自定义对象最简单方式就是创建一个Object 的实例，然后再为它添加属性和方法：
new 方法创建对象如下

var obj = new Object();
obj.attr1 = "Minnn";
obj.attr2 = 99;
obj.attr3 = "I'm feeling cold!";
obj.feeling = function(){
   
    console.log(this.attr3);
};

对象字面量方式创建对象如下：

var obj = {
   
    attr1: 'Minn',
    attr2: 99,
    attr3: "I'm feeling cold!",
    feeling: function() {
   
        console.log(this.attr3);
    }
}

两种方式创建的obj对象都是一样的，都有相同的属性和方法，这些属性在创建时都带有一些特征值，JavaScript通过这些特征值来定义他们的行为。

属性类型

ECMA-262 第5 版在定义只有内部才用的特性（attribute）时，描述了属性（property）的各种特征。
ECMA-262 定义这些特性是为了实现JavaScript 引擎用的，因此在JavaScript 中不能直接访问它们。为了表示特性是内部值，该规范把它们放在了两对儿方括号中，例如[[Enumerable]]。ECMAScript 中有两种属性：数据属性和访问器属性。

1、 数据属性

数据属性包含一个数据值的位置。在这个位置可以读取和写入值。数据属性有4 个描述其行为的
特性。

1、 [[Configurable]]：表示能否通过delete 删除属性从而重新定义属性，能否修改属性的特
性，或者能否把属性修改为访问器属性。默认值为true。

delete obj.attr1

结果如图：
.2、 [[Enumerable]]：表示能否通过for-in 循环返回属性。默认值为true。

结果如图：
3、[[Writable]]：表示能否修改属性的值。默认值为true。

结果如图：
4、[[Value]]：包含这个属性的数据值。读取属性值的时候，从这个位置读；写入属性值的时候，
把新值保存在这个位置。默认值为undefined。

对于像前面例子中那样直接在对象上定义的属性，它们的[[Configurable]]、[[Enumerable]]和[[Writable]]特性都被设置为true，而[[Value]]特性被设置为指定的值。例如：

var obj = {
   
    attr1: "Minn"
};

这里创建了一个名为attr1 的属性，为它指定的值是"Minn"。也就是说，[[Value]]特性将被设置为"Minn&#