image.png
    image.png
    image.png
    image.pngimage.png
    image.png
    image.png

    image.png
    image.png
    一般情况下,我们的公共属性定义到构造函数里面, 公共的方法我们放到原型对象身上
    image.png
    image.png

    image.png

    image.png
    image.png
    image.png

    image.png
    image.png
    image.png
    image.png
    image.png
    image.png
    image.png
    image.png
    image.png
    image.png

    image.png
    image.png
    image.png
    image.png

    image.png

    1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
    8.     <title>21-Object.defineProperty方法</title>
    9. </head>
    11. <body>
    12.     <script>
    13.         // Object.defineProperty() 定义新属性或修改原有的属性
    14.         var obj = {
    15.             id: 1,
    16.             pname: '小米',
    17.             price: 1999
    18.         };
    19.         // 1. 以前的对象添加和修改属性的方式
    20.         // obj.num = 1000;
    21.         // obj.price = 99;
    22.         // console.log(obj);
    23.         // 2. Object.defineProperty() 定义新属性或修改原有的属性
    24.         Object.defineProperty(obj, 'num', {
    25.             value: 1000,
    26.             enumerable: true
    27.         });
    28.         console.log(obj);
    29.         Object.defineProperty(obj, 'price', {
    30.             value: 9.9
    31.         });
    32.         console.log(obj);
    33.         Object.defineProperty(obj, 'id', {
    34.             // 如果值为false 不允许修改这个属性值 默认值也是false
    35.             writable: false,
    36.         });
    37.         obj.id = 2;
    38.         console.log(obj);
    39.         Object.defineProperty(obj, 'address', {
    40.             value: '中国山东蓝翔技校xx单元',
    41.             // 如果只为false 不允许修改这个属性值 默认值也是false
    42.             writable: false,
    43.             // enumerable 如果值为false 则不允许遍历, 默认的值是 false
    44.             enumerable: false,
    45.             // configurable 如果为false 则不允许删除这个属性 不允许在修改第三个参数里面的特性 默认为false
    46.             configurable: false
    47.         });
    48.         console.log(obj);
    49.         console.log(Object.keys(obj));
    50.         delete obj.address;
    51.         console.log(obj);
    52.         delete obj.pname;
    53.         console.log(obj);
    54.         Object.defineProperty(obj, 'address', {
    55.             value: '中国山东蓝翔技校xx单元',
    56.             // 如果值为false 不允许修改这个属性值 默认值也是false
    57.             writable: true,
    58.             // enumerable 如果值为false 则不允许遍历, 默认的值是 false
    59.             enumerable: true,
    60.             // configurable 如果为false 则不允许删除这个属性 默认为false
    61.             configurable: true
    62.         });
    63.         console.log(obj.address);
    64.     </script>
    65. </body>
    67. </html>