理解对象的属性类型

理解对象的属性类型

1、创建对象

创建对象通常来说就是用Object来创建一个新的实例，就是构造函数方法。还有一个字面量方法。

    let obj = new Object();
    obj.name = "liSi",
    obj.age = 21,
    obj.num = function(){
        alert("10");
    }

上面的例子创建了一个名字是obj的对象，并且给它添加了两个属性（name，age），还有一个方法（num），这几年字面量方法变为更加流行，上面的例子改为字面量方法。

    let obj = {
        name = "liSi",
        age = 21,
        num () {
            alert("10");
        }
    }

这两个是等价的，他们的属性和方法都是一样的，属性都有自己的特征，这些特征决定了它们在JavaScript中的行为。

ECMA-262使用了一些内部特性来描述自己的一些属性的特性，开发者不能直接使用这些特性，为了将某个特性标识为内部特性，内部特性规范需要用两个中括号来包括起来 例：
[[Writable]]。

2、属性的类型：

• 数据属性
• 访问器属性

数据属性

数据属性是一个包含了数据值的位置，值可以保存在这里，也可以在这里获取到。他还有四个特性描述他的行为。只有[[value]]的默认值是undefined，其他三个都是true

• [[Configurable]]：表示属性是否可以通过delete删除并重新定义，是否可以修改它的特性，以及是否可以把它改为访问器属性。默认情况下特性为true。
• [[Enumerable]]：表示属性是否可以通过for-in循环返回。默认情况下特性为true。
• [[Writable]]：表示属性的值是否可以被修改。默认情况下特性为true。可以被开发者修改其中的数据。
• [[value]]：包含属性实际的值，实为属性值。默认情况下默认值为undefined。

像下面的例子，给对象添加属性之后的，只有[[value]]被设置为指定的值，其他的三个被设置为true。

    let obj = {
        name = "liSi"
    }

这个创建了一个对象并给他添加了一个name属性，并赋值为"liSi"，也就是说将这个对象的name属性的[[value]]特性将会被设置为"liSi"，后面的饿修改会保存在这里。

如果想要修改属性的内部特性，就需要用到Object.defineProperty()方法。这个方法接受是三个参数：第一个是要修改属性的对象，第二个是属性名，第三个是四个内部特性，根据要修改的特性，可以设置多个值。

    let obj = {
        name : "liSi"
    }
    alert(obj.name); // liSi
    Object.defineProperty(obj,"name",{
        writable:false,
        value: "zhAngSan"
    });
    alert(obj.name); // zhAngSan
    obj.name = "liSi";
    alert(obj.name); // zhAngSan

先创建了一个字面量对象，并且添加上属性和赋值，这时我们运用Object.defineProperty()方法将writable特性的默认值改为false，并给name属性重新赋值或者不重新赋值也可以，name属性值变为只读，不可修改。因为writable的特性为是否可以修改属性的值，默认是可以修改，我们将默认值修改为false后，就不可以修改其中属性的值了，这时候被修改的属性已经是固定的了。最后重新赋值，再输出的结果依旧是旧值，而不是重新赋的值。在非严格模式下尝试修改的只读的值，引擎会直接省略掉，在严格模式之下修改只读的值，引擎会抛出错误。

    let obj = {
        name : "liSi"
    }
    alert(obj.name); // liSi
    Object.defineProperty(obj,"name",{
        defineProperty:false,
        value: "zhAngSan"
    });
    alert(obj.name); // zhAngSan
    delete obj.name; //删除name属性
    alert(obj.name); // zhAngSan

这个例子把defineProperty设置为false，这个属性就不能再运用delete来删除了，非严格模式下没有效果，严格模式下会抛出错误。

同一个属性的Object.defineProperty()方法虽然可以多次调用，但是遇到configurable就会收到限制。configurable将可配置的属性变为不可配置，一旦变为不可配置后就不能再变回可配置了。再次运用Object.defineProperty()方法并修改任何非writable属性就会抛出错误。

访问器属性

访问器属性不包含数据值。它拥有两个函数，一个是获取函数（getter）和一个设置函数（setter）。这两个函数不是必要的。读取访问器属性时，会立即调用获取函数，这个函数返回一个有效的值。写入访问器属性时，会立即调用设置函数并传入新值，这个函数必须决定对数据做出什么修改。

他还有四个特性描述他的行为。

• [[Configurable]]：表示属性是否可以通过delete删除并重新定义，是否可以修改它的特性，以及是否可以把它改为访问器属性。默认情况下特性为true。
• [[Enumerable]]：表示属性是否可以通过for-in循环返回。默认情况下特性为true。
• [[get]]：获取属性。读取属性时使用，默认值为undefined。
• [[srt]]：设置属性。写入属性时使用，默认值为undefined。

访问器属性也是和数据属性一样，修改必须要用Object.defineProperty()方法。

    let obj = {
        year_ : 2020,
        num : 1
    }
    Object.defineProperty(obj,"year",{
        get () {
            return this.year_; //返回year_的值
        }
    });
    console.log(obj.year); // 2020

上面的例子,有两个默认的属性，year被定义为访问器属性，用get函数简单返回了有效的值year_。只定义获取函数意味着属性是只读的，尝试修改属性会被忽略。在严格模式下，尝试写入只定义了获取函数的属性会抛出错误。同样，只有一个设置函数的属性是不能读取的，非严格模式下读取会返回undefined，严格模式下会抛出错误。

    let obj = {
        year_ : 2020,
        num : 1
    }
    Object.defineProperty(obj,"year",{
        get () {
            return this.year_; //返回year_的值
        },
        set (newYear) { // newYear参数接受外面传进来的数值
            if (newYear > 2020) {
                this.year_ = newYear,
                this.num += newYear - 2020
            }
        }
    });
    obj.year = 2021;
    console.log(obj.num); // 2

上面的例子,有两个默认的属性，year被定义为访问器属性，用get函数简单返回了有效的值year_。设置函数会简单做些计算来确定，把year设置为2021会导致year_变成2021，num变成2。经典的访问器属性就是如此，即设置一个属性会导致一些其他的变化发生。

注意的是：在不支持Object.defineProperty()方法的浏览器上，[[Configurable]]或[[Enumerable]]属性是没有办法修改的。

只是个人见解