在Js中建立對象的幾種方式

javascript建立對象簡單的說,無非就是使用內置對象或各類自定義對象，固然還能夠用JSON；方法不少，也能混合使用。

• 對象字面量的方式：

  var person={
      name:"SF",
      age:25
      say:function(){
         alert(this.name+"今年"+this.age);
      }
  };
  person.say();

• 建立Object實例：

  var my = new Object();
  my.name = "SF"; //JavaScript的發明者
  my.age = 25;
  my.say = function() { 
    alert("我是"+this.name+"今年"+my.age);
  }
  my.say();

  *屬性是能夠動態添加，修改的

• 構造函數

  • 無參構造函數

    function Person(){}
    var person = new Person(); 
    person.name = "SF";
    person.age = "25";
    person.say = function() {
       alert("My name is " + person.name);
    }
    person.say();

  • 有參構造函數

    function Person(name,age) { 
      this.name = name; 
      this.age = age; 
      this.say = function() { 
          alert("我叫" + this.name + "，今年" + this.age + "歲); 
      }
    }
    var my = new Person("SF",25); //實例化、建立對象
    my.say(); //調用say()方法

    因爲this指針在對象實例的時候發生改變指向新的實例。這時新實例的方法也要從新建立，若是n個實例就要n次重建相同的方法。

• 工廠模式

  function creatPerson(name,age){
     var person = new Object();
     person.name=name;
     person.age=age;
     person.say=function(){
     alert(this.name+"今年"+this.age+"歲");
    };
    return person;
   };
   var my = creatPerson('SF',25);//實例化
   my.say();//調用

• 原型方式

  function Person(name,age){}
  Person.prototype.name = "SF";
  Person.prototype.age = 25;
  Person.prototype.say = function() { 
    alert(this.name+"是個人名字");
  }
  var my = new Person();
  my.say();

  讓咱們先了解下原型：

  首先，每一個函數都有一個prototype(原型)屬性，這個指針指向的就是Person.prototype對象。而這個原型對象在默認的時候有一個屬性constructor，指向Person，這個屬性可讀可寫。而當咱們在實例化一個對象的時候，實例my除了具備構造函數定義的屬性和方法外（注意，只是構造函數中的）,還有一個指向構造函數的原型的指針，ECMAScript中叫[[prototype]]，這樣實例化對象的時候，原型對象的方法並無在某個具體的實例中，由於原型沒有被實例。因此這種模式定義的對象，在調用方法的時候過程：調用my.say();先看實例中有沒有，有調之，無追蹤到原型，有調之，無出錯，調用失敗。

  上面代碼等同

  function Person(name,age){}
  Person.prototype={
      constructor:Person,   //必須手動設置這個屬性，不然沒有實例共享原型的意義了。
      name:"SF",
      age:25,
      say:function(){
          alert(this.name+"是個人名字");
      }
  }
  var my = new Person();
  my.say();

• 混合方式 （構造函數+原型）

  function Person(name,age) {
     this.name = name;
     this.age = age;
  }
  Person.prototype.say = function() { 
    alert("我是"+this.name+"，今年"+this.age);
  }
  var my = new Person("SF","25");
  my.say();