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

理解对象

---

创建自定义对象的最简单方式就是创建一个Object的实例，然后再为它添加属性和方法

    var person = new Object();
    person.name = "Nicholas";
    person.age = 29;
    person.job = "SoftWare Engineer";
    person.sayName = function(){
        alert(this.name);
    };

 

创建对象的首选模式是对象字面量方式

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

 

属性类型

 

---

 

内部属性无法直接访问，ECMAScript5把它们放在两对方括号中，分为数据属性和访问器属性

1、数据属性

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

[[Configurable]]:表示能否通过delete输出属性从而定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性，默认值为true
[[Enumerable]]:表示能否通过for-in循环返回属性，默认值为true
[[Writable]]:表示能否通过修改属性的值，默认值为true
[[Value]]:包含这个属性的数据值，读取属性值的时候，从这个位置读；写入属性值的时候，把新值保存在这个位置

 

要修改属性默认的特性，必须使用ECMAScript5的Object.defineProperty()这个方法.这个方法接受三个参数：属性所在的对象、属性的名字和一个描述符对象

 

    var person = {};
    Object.defineProperty(person,"name",{
        writable: false,//设置为不可修改属性的值
        value: "Nicholas"
    });

    console.log(person.name); // " Nicholas"
    person.name = "Oreg";
    console.log(person.name); // " Nicholas"

 

 

把donfigurable设置为false,表示不能从对象中删除属性。一旦把属性定义为不可配置的，就不能再把它变回可配置的了。此时，在调用Object.defineProperty()方法修改处writable之外的特性，都会导致错误

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

    //抛出错误
    Object.defineProperty(person,"name",{
        configurable: true,
        value:"Nicholas"
    });

 

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

 

2、访问器属性

访问器属性不包含属性值；他们包含一对儿getter和setter函数，在读取访问器属性时，会调用setter函数，这个函数负责返回有效的值，在写入访问器属性时，会调用getter函数，并传入新值，这个函数决定如何处理数据。访问器属性有如下4个特性

[[Configurable]]:表示能否通过delete输出属性从而定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性，默认值为true
[[Enumerable]]:表示能否通过for-in循环返回属性，默认值为true
[[Get]]:在读取属性时调用的函数。默认值为undefined
[[Set]]:在写入属性时调用的函数。默认值为undefined

 

访问器属性不能直接定义，必须使用Object.defineProperty()来定义。

    var book = {
        _year: 2004,
        edition: 1
    };

    Object.defineProperty(book,"year",{
        get: function(){
            return this._year;
        },
        set: function(newValue){
            if(newValue > 2004){
                this._year = newValue;
                this.edition += newValue - 2004;
            } 
        }
    });

    book.year = 2005;
    console.log(book.edition); //2

 

 

这是使用访问器的常见方式，即设置一个属性的值会导致其他属性发生变化，year前面的下划线是一种
常用的记号，用于表示只能通过对象方法访问的属性

不一定非要同时指定getter和setter。只指定getter意味着属性是不能写的，只指定setter函数的属性
也不能读

两个非标准的方法：__defineGetter__()和__defineSetter__()

    var book = {
        _year: 2004,
        edition: 1
    };

    book.__defineGetter__("year",function(){
            return this._year;
        });
    book.__defineSetter__("yeat",function(newValue){
                    if(newValue > 2004){
                this._year = newValue;
                this.edition += newValue - 2004;
            } 
    });

    book.year = 2006;
    console.log(book.year);

 

定义多个属性

---

 

Object.defineProperties()方法。利用这个方法可以通过描述符一次定义多个属性。

    var book = {};

    Object.defineProperties(book,{
        _year: {
            value: 2004
        },
        edition: {
            value: 1
        },
        year: {
            get: function(){
                return this._year;
            },
            set: function(newValue){
                if(newValue > 2004){
                    this._year = newValue;
                    this.edition += newValue - 2004;
                }
            }
        }
    });

 

读取属性的特性

---

Object.getOwnPropertyDescriptor()方法，可以取得给定属性的描述符

 

    Object.getOwnPropertyDescriptor()方法，可以取得给定属性的描述符

    var book = {};

    Object.defineProperties(book,{
        _year: {
            value: 2004
        },
        edition: {
            value: 1
        },
        year: {
            get: function(){
                return this._year;
            },
            set: function(newValue){
                if(newValue > 2004){
                    this._year = newValue;
                    this.edition += newValue - 2004;
                }
            }
        }
    });

    var descriptor = Object.getOwnPropertyDescriptor(book,"_year");
    console.log(descriptor.value); //2004
    console.log(descriptor.configurable); //false
    console.log(typeof descriptor.get); //"underfined"

    var descriptor = Object.getOwnPropertyDescriptor(book,"year");
    console.log(descriptor.value); //underfined
    console.log(descriptor.enumerable); //false
    console.log(typeof descriptor.get); //"function"