面向对象的程序设计——理解对象

简介

OOP特点：都有类的概念，通过类可以创建任意多个具有相同属性和方法的对象

ECMAScript对象：无序属性的集合，其属性可以包含基本值、对象和函数

例如：对象字面量

 var person={
          name:"Mike",
          age:29,
          job:"teacher",
          sayName:function () {
              alert(this.name);
          }
      }

person对象有自己的属性和方法

属性类型

1.ECMAScript在定义只有内部采用的特性时，描述了属性的各种特征。这些特性是为了实现JavaScript引擎用的，所以在JavaScript中不能直接访问它们。

2.规范把特性值放在两对方括号中，如[[Enumerable]]

3.ECMAScript中有两种属性：数据属性和访问器属性

数据属性

特点：包含一个数据值的位置，在这个位置可以读取和写入

特性：

（1）[[Configurable]]：表示能否通过delete删除属性，修改属性特性从而重新定义属性

（2）[[Enumerable]]：表示能否通过for-in循环返回属性

（3）[[Writable]]：表示能否修改属性的值

（4）[[Value]]：包含这个属性的数据值

Object.defineProperty()

1.修改属性默认的特性。

2.接收三个参数：属性所在对象、属性的名字和一个描述符对象（必须是configurable、enumerable、writable和value）

3.在调用Object.defineProperty()方法创建新属性时，如果不指定，configurable、enumerable和writable特性的默认值都是false

4.如果设置configurable为false，相当于把属性定义为不可设置的，就不能把它变为原来配置，只能修改writable的值

例如

  var person={};
     Object.defineProperty(person,"name",{
         writable:false,
         value:"mike"
     });
     console.log(person.name);
     person.name = "xiao";
     console.log(person.name);

结果

例如

  var person={};
     Object.defineProperty(person,"name",{
         configurable:false,
         value:"mike"
     });
     Object.defineProperty(person,"name",{
         configurable:true,
         value:"mike"
     });

结果

访问器属性

1.访问器属性不包含数据值

2.getter和setter函数分别负责返回有效的值和传入新值

3.不能直接定义，必须使用Object.defineProperty()来定义

4.在这个方法之前，使用__defineGetter__和__defineSetter__

特性：

（1）[[Configurable]]：表示能否通过delete删除属性，修改属性特性从而重新定义属性

（2）[[Enumerable]]：表示能否通过for-in循环返回属性

（3）[[Get]]：在读取属性时调用的函数

（4）[[Set]]：在写入属性时调用的函数

例如

  var person={
         _name:"mike"//下划线是一种记号，用于表示只能通过对象方法访问的属性
     };
     Object.defineProperty(person,"name",{
         get:function () {
             return this._name;
         },
         set:function (newValue) {
             this._name = newValue;
             return this._name;
         }
     });

     console.log(person.name);
     person.name = "xiao";
     console.log(person.name);

结果

分析：name是访问器属性。使用访问器属性的常见方式，即设置一个属性的值导致其他属性的变化

定义多个属性

Object.defineProperties()

特点：

（1）接收两个对象参数：属性所在的对象，属性

（2）属性同一时间创建

例如

   var person = {};
        Object.defineProperties(person, {
            name: {
                writable: true,
                value: "mike"
            },
            age: {
                writable: true,
                value: 19
            }
        });

        console.log(person.name);
        person.name = "xiao";
        console.log(person.name);
        console.log(person.age);

结果

读取属性的特性

Object.getOwnPropertyDescriptor()

特点：

（1）接收两个参数：属性所在的对象，要读取其描述符的属性名称

（2）返回值是一个对象，如果是数据属性，则对象的属性有configurable、enumerable、writable和value；如果是访问器属性，则对象的属性有configurable、enumerable、get和set

例如

   var person = {};
        Object.defineProperties(person, {
            name: {
                writable: true,
                value: "mike"
            },
            age: {
                writable: true,
                value: 19
            }
        });
        var descriptor = Object.getOwnPropertyDescriptor(person,"name");
        console.log(typeof descriptor);
        console.log(typeof  descriptor.writable);
        console.log(descriptor.value);
        console.log(descriptor.writable);

结果

总结

（1）ECMAScript没有类的概念，所以它的对象和其他基于类的语言的对象不同。但是它的对象类似类，有自己的属性和方法

（2）属性类型分为数据属性和访问器属性

（3）属性有自己内部的特性，描述了属性的各种特征。如果是数据属性，有configurable、enumerable、writable和value；如果是访问器属性，有configurable、enumerable、get和set

（4）Object.defineProperty()用于修改属性默认的特性；Object.defineProperties()用于一次性定义多个属性；
Object.getOwnPropertyDescriptor()用于取得给定属性的描述符

参考

《JavaScript高级程序设计（第3版）》