JavaScript高级编程学习8——对象的声明

        ECMAScript没有class关键字，ECMAScript的对象可以在对象声明之后再给他添加属性。于是我们在初次编写代码时会用下面的写法。但是如果想再创建person2，person3....呢？是不是还需要这样反复写着这些代码，这样显然是不合理的。于是又着接下来的改进方式。

var person1 = new Object();
        person1.name = 'wuxq';
        person1.age = 24;
        person1.ShowInfo = function () {
            document.write('姓名：'+person1.name+'年龄：'+person1.age);
        }
        person1.ShowInfo();

        1.工厂方式

        可以引入一个方法专门用来创建我们需要的对象，然后将这个对象返回。代码如下。但是下面的代码会有一个弊端，就是person2和person3的ShowInfo方法是不同的引用，也就是在内存中存在着两份ShowInfo。这个在之前已经有讨论过了。

//使用工厂方式创建对象
         function CreatePerson(name, age) {
            var person = new Object();
            person.name = name;
            person.age = age;
            person.ShowInfo = function () {
                document.write('姓名：' + person.name + '年龄：' + person.age);
            }
            return person;
        }
        var person2 = CreatePerson('wuxq', 24);
        person2.ShowInfo();
        var person3 = CreatePerson('kaka', 28);
        person3.ShowInfo();

       为了解决不同对象各自存在一个方法，解决的问题就是在CreatePerson方法之外创建一个专门的ShowInfo函数。代码如下：

function ShowInfo() {
            document.write('姓名：' + this.name + '年龄：' + this.age);
        }
        function CreatePerson(name, age) {
            var person = new Object();
            person.name = name;
            person.age = age;
            person.ShowInfo = ShowInfo;
            return person;
        }

     但是上面虽然解决了重复创建对象的问题，但是存在着另外一个问题，就是ShowInfo看起来不想person对象的方法。于是就引出了构造函数方式的创建对象。

     2.构造函数+原型

     构造函数方式就是将我们要定义的类名定义为方法名。并且利用原型解决函数的重复创建。

 function Person(name, age) {
            this._name = name;
            this._age = age;

        }
        Person.prototype.ShowInfo = function () {
            document.write('姓名：' + this._name + '年龄：' + this._age);
        }
        var person = new Person('wuxq', 24);
        person.ShowInfo();

     上面的书写方式看起来还不是那么直观，因为Person.prototype.ShowInfo是定义在Person函数外面能不能有一种方法将其定义在Person里面，于是就引出了动态原型。

    4.动态原型

//用动态原型方式声明
        function Person(name,age) {
            this._name = name;
            this._age = age;
            if (typeof Person._innitialized == 'undefined') {
                Person.prototype.ShowInfo = function () {
                    document.write('姓名：' + this._name + '年龄：' + this._age);
                }
                Person._initialized = true;
            }
        }
        var person = new Person('wuxq', 24);
        person.ShowInfo();