javascript——面向对象程序设计（1）

    <script type="text/javascript">
        //ECMA-262把对象定义为：“无序属性的 集合，其属性可以包含基本值、对象或者函数”
        //理解对象，最简单的方式就是通过创建一个Object的实例，然后为它添加属性和方法
        var person = new Object();
        person.name = "Xulei";
        person.age = "23";
        person.job = "前端工程师";
        person.sayName = function () {
            alert(this.name);
        }

        //还可以这样写
        var person = {
            name: "xulei",
            age: 23,
            job: "前端工程",
            sayName: function () {
                alert(this.name)
            }
        }


        //一、属性类型：数据属性和访问其属性
        //1、数据属性，有4个描述其行为的特性
        //[Configurable]：表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性，默认值为true
        //[Enumerable]：表示能否通过for-in返回属性，默认值为true
        //[Writable]：表示能否修改属性，默认值为true
        //[Value]：包含这个属性的数据值。默认值为undefined
        var person = {
            name: "xulei"
        }
        //这里创建了一个person对象，value值就是“xulei”

        //要修改属性的默认特性，必须使用ECMAScript5的Object.defineProperty(属性所在的对象,属性的名字,描述符对象)
        //描述符对象必须是configurable、enumerable、writable、value
        var peron = {}
        Object.defineProperty(peron, "name", {
            writable: false,//属性不能被修改
            value: "徐磊-xulei"
        });

        alert(peron.name);//徐磊-xulei
        peron.name = "徐磊";
        alert(peron.name);//徐磊-xulei
        //以上操作在非严格模式下赋值操作会被忽略，如果在严格模式下会抛出异常
        //一旦把属性定义为不可配置的就不能把它变回可配置的了。
        //在多数情况下都没有必要利用Object.defineProperty()方法提供的这些高级功能。但是对理解javascript非常有用。
        //建议读者不要在ie8上使用此方法。


        //2、访问其属性，有4个特性
        //[Configurable]:表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性，默认值为true
        //[Enumerable]:表示能否通过for-in返回属性，默认值为true
        //[Get]:在读取时调用的函数 默认值undefined
        //[Set]:在写入属性时调用的函数 默认值Undefined
        var book={
            _year:2004,
            edition:1
        }

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





        //创建对象
        //1、将构造函数当做函数
        function Person(name,age,job) {
            this.name=name;
            this.age=age;
            this.job=job;
            this.sayName=function(){
                alert(this.name);
            }
        }

        //当做构造函数使用
        var person=new Person("xulei",23,"software");
        person.sayName();

        //作为普通函数使用
        Person("xulei2",23,"job2");//添加到window中
        window.sayName();

        //在另一个对象的作用域中调用
        var o=new Object();
        Person.call(o,"xulei3",23,"job3");
        o.sayName();
    </script>