JavaScript 对象的基本知识

js对象和属性的基本定义

(function(){
    $(document).ready(function(){
        return "object define";
        //创建对象实例
        var person = new Object();
        person.name = "Nicholas";
        person.age = 29;
        person.job = "Software Engineer";
        person.sayName = function(){
            alert(this.name);//this代表的是本对象，就是调用这个方法的对象person
        };
        //常用的对象字面量语法
        var person = {
            name : "Nicholas",
            age : 29,
            job : "Software Engineer",
            //最后一个属性，不需要加逗号
            sayName : function(){
                        alert(this.name);
                    }
        };
    });
})();

属性类型的基本应用

1、数据属性

(function(){
    return;
    $(document).ready(function(){
    //对象的属性类型（property） 数据属性和访问器属性
    //数据属性
    //[[Configurable]]  ： 是否可以通过delete 删除属性从而重新定义、能否修改属性的特性，或者把属性改为访问器属性
    //[[Enumerable]] : 表示能否用for-In 循环返回属性
    //[[Writable]] : 表示是否可以修改属性的值
    //[[Value]] : 保存这个属性的值。  这个值默认为undefined
    /*
    **直接在对象上定义的属性，  他们的数据属性，[[Configurable]] [[Enumerable]] [[Writable]]  默认都为false  [[Value]]  则为设置的值
    **
    */
    var person = {};
    //参数为，  对象、属性、描述符对象
    Object.defineProperty(
        person,
        "name",
        {
            writable:false,  //person对象的属性name的值不允许修改，为只读
            value : "Nicholas"
        }
    );
    person.name = "Greg"; //name 为只读，非严格模式下会忽略， 严格模式下会报错
    console.log(person.name);//  "Nicholas"
    Object.defineProperty(
            person,
            "age",
            {
                configurable:false,
                value:25,
                writable : false,
                enumerable:false
            }
        );
    console.log("删除属性age前的值："+person.age);
    delete person.age;
    console.log("删除属性age后的值："+person.age);//configurable 设置了false，此属性age不可更改，不能删除
    try{
        Object.defineProperty(
                person,
                "age",
                {
                    configurable:true,
                    value : 33
                }
        ); //严 格模式下会报错

    }
    catch(e){
        console.log("定义的age属性的configurable为不可以修改,所以不能重新修改属性的配置，也不能删除"+e.message);
    }
    console.log("age1:"+person.age);
    person.age = 44;
    console.log("age2:"+person.age);
    try{
    Object.defineProperty(
            person,
            "age",
            {
                writable:true,
                value : 34
            }
        );
    }
    catch(e)
    {
        console.log("定义的age属性的configurable为不可以修改,所以不能重新修改属性的配置，也不能修改writable属性"+e.message);
    }
    person.age=44;
    console.log("age3:"+person.age);
    console.log("===========");
    try{
        Object.defineProperty(
                person,
                "age",
                {
                    enumerable:true
                }
            );
    }
    catch(e)
    {
        console.log("定义的age属性的configurable为不可以修改,所以不能重新修改属性的配置，也不能修改enumerable属性"+e.message);
    }
    Object.defineProperty(
            person,
            "job",
            {
                enumerable:true,
                value :""
            }
        );
    for(var property in person)
    {
        console.log("person对象的属性有：" + property);
    }
    console.log("age属性设置了不可枚举和name属性可枚举默认为false，所以只有job设置了可枚举的数据属性。");
    });
})();

2、访问器属性

(function(){
    /*访问器属性 getter和setter两个函数
    [[Configurable]] :同“数据属性”的解释
    [[Enumerable]] :同“数据属性”的解释
    [[Get]]:读取属性时的值 默认值为undefined; 设置之后表示可读。
    [[Set]]：写入设置时属性的值 默认值 undefined; 设置之后表示可写。
    [[Get]] / [[Set]] 只能在Object.defineProperty();中定义
    */
    $(document).ready(function(){
        var book = {
            _year:2004,//加_标记的时候，一般表示只能通过对象中的方法访问，不使用直接访问方式。如getyear();  这个常用的标记。
            edition:1,
            num:2,
            getyear:function(){
                return this._year;
            }

        };//此定义是数据属性方式的定义；
        Object.defineProperty(
            book,
            "year",
            {
                get:function(){
                    return this._year;//this代表的是本对象，就是调用这个方法的对象book
                },
                set:function(value){
                    if(value > 2004)
                    {
                        this._year = value;
                        this.edition = this.edition + value - 2004;
                    }
                }
            }
        );
        book.year = 2006;
        console.log("book.edition:"+book.edition);
        console.log("book._year:"+book.getyear());
        // 严格模式下。如果只设置了get属性，为只读，做写入操作会报错。只设置set属性，为只写不可读，做读取操作的时候会报错 。
        //非严格模式下，只写的属性，读取的时候返回undefined。
        Object.defineProperty(
            book,
            "author",
            {
                set:function(value){
                    this.author = value;
                }
            }
        );
        console.log(book.author);//undefined
        //ECMAScript 5之前有访问器属性的两个非标准的方法： _defineGetter_  和  _defineSetter_
        console.log("ECMAScript 5之前有访问器属性的两个非标准的方法： _defineGetter_  和  _defineSetter_");
        book.__defineGetter__("pageNum",function(){
            return this.num;
        });
        book.__defineSetter__("pageNum",function(value){
            this.num = value;
        });//set 不能设置本属性的值。否则造成循环设置。内存溢出。
        console.log("book.pageNum:"+book.pageNum);
        book.pageNum = 500;
        console.log("book.pageNum:"+book.pageNum);
        //设置多个属性值，数据属性和访问器属性可以一起用。
        var person = {};
        Object.defineProperties(
            person,
            {
                _name : {
                    value : "Nicholas",
                    writable:true
                },
                age :{
                    value:33
                },
                name :{
                    get:function(){
                        return this._name;
                    },
                    set:function(value){
                        this._name = value;//必须设置writable  = true 才能修改_name的值
                    }
                }
            }
        );
        console.log(person._name); //Nicholas
        console.log(person.age);
        person.name = "Greg";
        console.log(person._name); //Greg
        //读取属性的特性
        console.log("读取属性的特性");
        var descriptor = Object.getOwnPropertyDescriptor(person,"_name");
        console.log(descriptor.value); // Greg
        console.log(descriptor.configurable); //false;
        console.log(descriptor.get); //undefined
        console.log(descriptor.set); //undefined
        console.log(descriptor.writable); //true
        console.log(descriptor.enumerable);//false

    });
})();