javascript面向对象（一）

// 六：面向对象的程序设计
// 什么是对象： “无序属性的集合，他们可以包含基本值，对象或者函数”，严格来说，就相当于一组没有特定顺序的值，每个对象和方法都有一个特定的名字，
// 每个名字都映射一个值。
// 每个对象都是一个基于引用类型创建。

// 一、属性类型（特性）：数据属性和访问其属性  这些属性的特性是给jsvascript引擎用的，因此不是直接访问它们
// 1.数据属性
// [[Configurabale]]:表明能否delete删除属性从而重新定义属性;能否修改属性的特性或者能否把属性修改为访问
//                     其属性：
// [[Enumerable]]: 表示能都通过  for-in进行迭代
// [[Writeble]]：能否修改属性的值  
// [[Value]]:  保存属性的值  

// 要想修改上述属性的特性，必须使用ECMAScript 5规定的 Object.defineProperty() 方法；这个方法接受三个参数
//     ①属性所在对象    ②属性的名称  ③一个描述符的对象，描述符特性必须以上四个中的一个或多个

    var person = {};
    Object.defineProperty(person,"name",{
        //configurable:false,
        writable:false,
        value:"zhd"
    });       
    person.name = 'qi';  //由于writable的标记，此时是违法的 浏览器会忽略该句的执行，严格模式下报错
    //delete person.name;  //由于 configurable   该操作同样违法
    alert(person.name);  // zhd

    // 并且一旦标记configurable = false，无法通过Object.defineProperty()将configurable 更改为false,
    // 一旦定义成不可配置类型的，就无法在将其改为可配置类型，此时在调用Object.defineProperty()修改除writable
    // 之外的特性，都会出错。
    // 也就是说 可以多次调用Object.defineProperty()修改同一属性，但是在configurable设置为flase，时，就会有
    // 限制
    //在调用Object.defineProperty()方法，如果不指定configurable,writable,Enumerable,则默认为false
    //（字面量创建对象时，默认为true）

    //2.访问器属性（getter/setter）
    // [[Configurabale]]:表明能否delete删除属性从而重新定义属性;能否修改属性的特性或者能否把属性修改为访问器属性：
                        //直接在对象上定义的属性，这么属性值默认为true
    // [[Enumerable]]: 表示能都通过  for-in进行迭代 直接在对象上定义的属性，这么属性值默认为true
    // [[Get]]：读取属性 值      默认为undefined
    // [[Set]]: 写入属性 值      默认为undefined
    //访问器同样也只能使用Object.defineProperty() 来设定
    var book = {
        _year:2016,           //①
        edition:1
    };
    Object.defineProperty(book,"year",{
        get:function() {
            return this._year;          //②
        },
        set:function(newValue) {
            if(newValue > 2016){
                this._year = newValue;          //③
                //console.log(newVlaue);
                this.edition += newValue - 2016;
            }
        }
    });
    book.year = 2017;
    //book._year = 2016; //浏览器会直接忽略
    alert(book.year);  // 
    alert(book.edition); //2  意味着  设置一个属性的同时，也可以改变其他属性的值

    //千万不要忘记 ②②③处的"_"，忘记后就出现 Maximum call stack size exceeded 错误。
    //"_"用于表示只能通过对象方法访问的属性  _year为数据属性 year为访问器属性
    //直接访问 带"_"的属性， 浏览器就会直接忽略掉
    //与java 私有变量提供访问器类型，不过是将get/set方法变为了对year属性的访问来代替对 _year的访问
    //java：
    //int getYear(){ return _year;}                   person.getYear() ==> person.year;
    //void setYear(int value) {this._year = value;}   person.setYear(2) ==> person.year = 2;
    //不一定非要指定get/set方法：只有get时，属性只读；只有set时，属性只能写入
    //还有两个旧方法：
    book.__defineGetter__("year",function () {
        return this._year; 
    });
    book.__defineSetter__("year",function(newValue){
        if(newValue > 2016){
            this._year = newValue;
            this.edition += newValue - 2016;
        }
    });
    
    //定义多个属性  （在函数体内也可以直接地定义 get/set）
    var book = {};
    Object.defineProperties(book,{
        _year:{
            value:2016
        },
        edition:{
            value:1
        },
        year:{
            get:function(){
                return this._year; 
            },
            set:function(newValue){
                if(newValue > 2016){
                    this._year = newValue;
                    this.edition += newValue - 2016;
                }
            }
        }
    });


    //读取对象属性的特性 返回值时一个对象
    //如果是数据属性，则有configurable,enumerable,writable和value
    //如果是访问器属性则有 configurable,enumerable,set和get
    //访问数据属性
    var descriptor = Object.getOwnPropertyDescriptor(book,"_year");
    alert(descriptor.value); //2016
    alert(descriptor.configurable); //false
    //alert(type descriptor.get); //"undefined"
    //访问访问器属性
    var descriptor = Object.getOwnPropertyDescriptor(book,"year");
    alert(descriptor.value); //undefined
    alert(descriptor.enumerable); //false
    alert(typeof descriptor.get); //"function"
    alert(descriptor.get); //会返回代码