Js高级之面向对象的程序设计

一、理解对象

ECMA-262定义对象为：无序属性的集合，属性可包含基本值、对象和函数。

通俗来讲，对象是一组名值对，类似于散列表。

二、对象的属性类型

1.属性类型特性

对象由一组属性名和属性值组成，则必然存在属性的增删改查。

对象的属性类型分为数据属性和访问器属性，为了定义其只有内部才能使用的特性，采用[[  ]]表示。

数据属性：即控制属性的增删改查的行为的设置

• [[Configurable]]：能否通过delete删除属性进行重新定义或能否修改属性特性或修改为访问器属性。默认为true
• [[Enumerable]]：能否通过for-in循环返回属性。默认true
• [[Writable]]：能否修改属性值。默认为true
• [[Value]]：该属性的数据值。默认为undefined

var person={};

Object.defineProperty(person,'name',{
    configurable:false,
    value:'Ermiao'
});

alert(person.name);//输出"Ermiao"
delete person.name
alert(person.name);//仍输出"Ermiao"，因为配置不可删除

//抛出错误，一旦设置为false，则不可以变回true
Object.defineProperty(person,'name',{
    configurable:true,
    value:'Ermiao'
});

访问器属性：即监听属性的增删改查行为的过程

• [[Configurable]]：能否通过delete删除属性进行重新定义或能否修改属性特性或修改为访问器属性。默认为true
• [[Enumerable]]：能否通过for-in循环返回属性。默认true
• [[Get]]：读取属性时调用的函数。默认undefined（若只有get函数没有set函数，意味着只读）
• [[Set]]：写入属性时调用的函数。默认undefined（若只有set函数没有get函数，意味着只写）
• [[Get]]和[[Set]]的非标准方法：

        对象名 . __defineGetter__(属性名，function(){ ... })

        对象名 . __defineSetter__(属性名，function(){ ... })

var book={
    _year:2019,  //属性名前加_表示只能通过对象方法访问的属性
    edition:1
};

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

book.year = 2020;  // year是访问器属性，_year是数据属性
alert(book.edition) //输出2

注意：一旦将属性定义为不可配置就无法变回可配置！！！

2.定义属性类型特性的方法：

• 定义或修改一个属性的特性：Object.defineProperty(对象名，属性名，描述符对象)

       在适应该方法定义一个新的数据属性时，若不指定，则Configurable、Enumerable和Writable默认为false。

• 定义或修改多个属性的特性：Object.defineProperties(对象名，{属性名1，描述符对象1，...  ，属性名n，描述符对象n})
• 读取一个属性的特性：Object.getOnePropertyDescriptor(对象名，属性名)

        该方法返回值为一个描述符对象

var book={};

Object.defineProperties(book,{  //定义多个属性特性
    _year:{
      value:2019  
    },
    edition:{
      value:1
    },
    year:{
        get:function(){
            return this._year;
        },
        set:function(newValue){
            if (newValue>2019){
                this._year = newValue;
                this.edition += newValue-2019;
            }
        }
    }

});

var descriptor = Object.getOwnPropertyDescriptor(book,"_year");
alert(descriptor.configurable) // 输出false
alert(descriptor.value) // 输出2019
alert(typeof descriptor.get) // 输出undefined,因为_year是数据属性，没有get特性

var descriptor = Object.getOwnPropertyDescriptor(book,"year");
alert(descriptor.enumerable) // 输出false
alert(descriptor.value) // 输出undefined,因为year是访问器属性，没有value特性
alert(typeof descriptor.get) // 输出function,

三、创建对象

JavaScript中创建对象的方法有7种，具体内容请看：js基础之创建对象的7种方法

四、继承

（未完）