js对象的定义方法

转载：http://blog.sina.com.cn/s/blog_60f632050100wz7h.html

（1）基于已有对象的扩充方法：适用于临时构建对象，弊端：每次构建对象都要新建一个。

 var object=new Object();

    object.name="Tom";
    object.sayname=function(name)
    {
        this.name=name;
        alert(this.name);
    }

    object.sayname("James");

（2）工厂方法 ：可以重复返回多个对象。

    function createObject(){
    
        var object=new Object();
        object.username="Tom";
        object.password="123";
        object.get=function(){
            alert(this.username+","+this.password);
        }

        return object;
    }

    var o1=createObject();
    var o2=createObject();
    o2.username="james";
    o1.get();
    o2.get();

工厂方法的改进：

因为js的函数定义是指向一个应用的对象，所以每次构建一个object对象，都会构建一个get方法的对象，现在将get方法分离，那么就是多个object对象共用一个get对象，这样就可以节省内存空间。改进如下：

  function get(){
  alert(this.username+","+this.password);
}

  function createObject(username,password){
    
        var object=new Object();
        object.username=username;
        object.password=password;
        object.get=get;

        return object;
    }
    var o1=createObject();
    var o2=createObject();
    o1.get();
    o2.get();

(3)构造方法创建对象：

<span style="white-space:pre">	</span>function getInfo(){
    <span style="white-space:pre">		</span>alert(this.username+","+this.password);
    <span style="white-space:pre">	</span>}
   
        function Person(username,password){
           //在执行第一行代码前，js引擎会生产一个对象。即浏览器
            this.username=username;
            this.password=password;
            this.getInfo=getInfo;
            //此处隐含了一个return object的语句。
       
        }
       //只有在使用new Person（）；才会有上述Person中注释出现的情况，如果不适用new语句是不会          //成功的。
        var person=new Person("Tom","abc");
        person.getInfo();
        var person2=new Person("Jame","123");
        person2.getInfo();

(4)原型方法：（prototype）
因为js的所有类都是继承Object，Object中有prototype属性，因此自定义的对象也有prototype属性：如下

    function Person(){}

    Person.prototype.username="Tom";
    Person.prototype.password="1325";

    Person.prototype.getInfor=function(){
        alert(this.username+" , "+this.password);
    }

    var person=new Person();
    var person2=new Person();
    person.username="James";
    person.getInfor();
    person2.getInfor();

这种方法的缺点就是不能传递参数，只能在创建后修改属性。另外使用这种方法定义的对象都贡献同样的属性，因为他们都共用了object对象中的prototype对象，所以所有的对象贡献原型中的属性，其中一个更改了属性，也会反映到其他对象中去。

为了解决原型方法中对象贡献属性，可以采用构造方法+原型的方法去构建对象。把属性用构造方法定好。具体方法就用原型设置。
如下：

    <script type="text/javascript">
   
        function  Person(password){
       
            this.username=new Array();
           
            this.password=password;
       
        }

        Person.prototype.getInfo=function(){
            alert(this.username+","+this.password);
        }
    var p1=new Person("abc");
    p1.username.push("Tom");
    p1.getInfo();
   
    </script>

（5）动态原型的方法：

    function Person(username,password){
       
        this.username=username;
        this.password=password;

        if( typeof Person.first=="undefined" ){//通过设置标志量让getInfo只生成一次对象。
       
            alert("invoke");

            Person.prototype.getInfo=function(){
                alert(this.username+" , " +this.password);
            }
        Person.first=true;
       
        }
   
    }

    var p1=new Person("Tom","123");   
    var p2=new Person("James","abc");
    p1.getInfo();
    p2.getInfo();