update define property 3

Author: dreamapplehappy

vanilla-js/object/define-property.md

@@ -95,92 +95,85 @@ Object.defineProperty(obj, prop, descriptor)
     dream.name = 'apple'; // 修改name属性
     console.log(dream.name); // 并不是apple,依旧是dreamapple
     ```
-从上面的代码中我们可以看到,我们给`dream`定义了一个新的属性`name`,然后我们打印出这个属性就是我们预期的那样,得到的是`dreamapple`;
-但是,当我们尝试改变这个属性的时候,却发现这个属性并没有改变,还以第一次我们赋给它的值;这是为什么呢?
-原来,只有当我们这个属性的`writable`修饰为`true`时,我们这个属性才可以被修改.
+从上面的代码中我们可以看到,我们给`dream`定义了一个新的属性`name`,然后我们打印出这个属性就是我们预期的那样,得到的是`dreamapple`;但是,当我们尝试改变这个属性的时候,却发现这个属性并没有改变,还以第一次我们赋给它的值;这是为什么呢?原来,只有当我们这个属性的`writable`修饰为`true`时,我们这个属性才可以被修改.
 
-+ **writable** 当且仅当仅当该属性的`writable`为`true`时,该属性才能被赋值运算符改变;它的默认值为false.我们来修改一下上面的代码,
-让属性`name`可以被修改:
-```javascript
-Object.defineProperty(dream, 'name', {
-    value: 'dreamapple',
-    writable: true
-});
-
-console.log(dream.name); // dreamapple
-dream.name = 'apple'; // 修改name属性
-console.log(dream.name); // apple
-```
++ **writable** 当且仅当仅当该属性的`writable`为`true`时,该属性才能被赋值运算符改变;它的默认值为false.我们来修改一下上面的代码,让属性`name`可以被修改:
+    ```javascript
+    Object.defineProperty(dream, 'name', {
+        value: 'dreamapple',
+        writable: true
+    });
+    
+    console.log(dream.name); // dreamapple
+    dream.name = 'apple'; // 修改name属性
+    console.log(dream.name); // apple
+    ```
 我们可以看到,当我们把`writable`修改为`true`时,我们就可以修改`name`属性了.
 
-+ **enumerable** 这个特性决定了我们定义的属性是否是可枚举的类型,默认是`false`;只有我们把它设置为`true`的时候这个属性才可以使用`for(prop in obj)`和`Object.keys()`
-中枚举出来.就像下面这样:
-```javascript
-Object.defineProperty(dream, 'a', {
-    value: 1,
-    enumerable: false // 不可枚举
-});
-Object.defineProperty(dream, 'b', {
-    value: 2,
-    enumerable: true // 可枚举
-});
-
-// 只会输出 b
-for(prop in dream) {
-    console.log(prop);
-}
-
-console.log(Object.keys(dream)); // ['b']
-
-console.log(dream.propertyIsEnumerable('a')); // false
-console.log(dream.propertyIsEnumerable('b')); // true
-```
++ **enumerable** 这个特性决定了我们定义的属性是否是可枚举的类型,默认是`false`;只有我们把它设置为`true`的时候这个属性才可以使用`for(prop in obj)`和`Object.keys()`中枚举出来.就像下面这样:
+    ```javascript
+    Object.defineProperty(dream, 'a', {
+        value: 1,
+        enumerable: false // 不可枚举
+    });
+    Object.defineProperty(dream, 'b', {
+        value: 2,
+        enumerable: true // 可枚举
+    });
+    
+    // 只会输出 b
+    for(prop in dream) {
+        console.log(prop);
+    }
+    
+    console.log(Object.keys(dream)); // ['b']
+    
+    console.log(dream.propertyIsEnumerable('a')); // false
+    console.log(dream.propertyIsEnumerable('b')); // true
+    ```
 所以当我们想给你个对象添加一个不可枚举的属性的时候,就应该把`enumerable`设置为`false`.
 
-+ **configurable** 这个特性决定了对象的属性是否可以被删除,以及除`writable`特性外的其它特性是否可以被修改;并且`writable`特性值只可以是`false`
-我们可以写一个代码示例来演示一下这个特性:
-```javascript
-Object.defineProperty(dream, 'c', {
-    value: 3,
-    configurable: false
-});
- //throws a TypeError
-Object.defineProperty(dream, 'c', {
-    configurable: true
-});
- //throws a TypeError
-Object.defineProperty(dream, 'c', {
-    writable: true
-});
- //won't throws a TypeError
-Object.defineProperty(dream, 'c', {
-    writable: false
-});
-delete dream.c; // 属性不可以被删除
-console.log(dream.c); // 3 
-```
++ **configurable** 这个特性决定了对象的属性是否可以被删除,以及除`writable`特性外的其它特性是否可以被修改;并且`writable`特性值只可以是`false`我们可以写一个代码示例来演示一下这个特性:
+    ```javascript
+    Object.defineProperty(dream, 'c', {
+        value: 3,
+        configurable: false
+    });
+     //throws a TypeError
+    Object.defineProperty(dream, 'c', {
+        configurable: true
+    });
+     //throws a TypeError
+    Object.defineProperty(dream, 'c', {
+        writable: true
+    });
+     //won't throws a TypeError
+    Object.defineProperty(dream, 'c', {
+        writable: false
+    });
+    delete dream.c; // 属性不可以被删除
+    console.log(dream.c); // 3 
+    ```
 + **get** 一个给属性提供`getter`的方法,如果没有`getter`则为`undefined`;该方法返回值被用作属性值,默认为undefined.
-+ **set** 一个给属性提供`setter`的方法,如果没有`setter`则为`undefined`;该方法将接受唯一参数,并将该参数的新值分配给该属性,默认为undefined.
-知道了这些之后我们就可以使用更标准的一种方式去解决我们在文中开头的问题了:
-```javascript
-Object.defineProperty(dreamapple, 'fullName', {
-    enumerable: true,
-    get: function () {
-        return this.firstName + ' ' + this.lastName;
-    },
-    set: function (fullName) {
-        var names = fullName.trim().split(' ');
-        if (2 === names.length) {
-            this.firstName = names[0];
-            this.lastName = names[1];
++ **set** 一个给属性提供`setter`的方法,如果没有`setter`则为`undefined`;该方法将接受唯一参数,并将该参数的新值分配给该属性,默认为undefined.知道了这些之后我们就可以使用更标准的一种方式去解决我们在文中开头的问题了:
+    ```javascript
+    Object.defineProperty(dreamapple, 'fullName', {
+        enumerable: true,
+        get: function () {
+            return this.firstName + ' ' + this.lastName;
+        },
+        set: function (fullName) {
+            var names = fullName.trim().split(' ');
+            if (2 === names.length) {
+                this.firstName = names[0];
+                this.lastName = names[1];
+            }
         }
-    }
-});
-```
+    });
+    ```
 还有一点需要注意的是,`value`和`get,set`是不可以共存的,就是说你定义了`value`后就不能够再定义`get,set`特性了.
 
-好啦,今天的文章就写到这里了,相信大家对于`Object.defineProperty(obj, prop, descriptor)`这个方法应该掌握了;还有一点需要提及的是
-其实`Vue.js`的`计算属性`也是在这个函数的基础上进行的一些改进,详情可以看这里[计算属性的奥秘][2].
+好啦,今天的文章就写到这里了,相信大家对于`Object.defineProperty(obj, prop, descriptor)`这个方法应该掌握了;还有一点需要提及的是其实`Vue.js`的`计算属性`也是在这个函数的基础上进行的一些改进,详情可以看这里[计算属性的奥秘][2].
 
 如果你对这篇文章有什么意见或者建议可以在这里提出来[issues][3]