Javascript 中創(chuàng)建自定義對象的方法匯總

更新時間：2014年12月04日 15:30:42 投稿：hebedich

這篇文章主要匯總介紹了Javascript 中創(chuàng)建自定義對象的方法,需要的朋友可以參考下

Javascript 中創(chuàng)建對象，可以有很多種方法。

Object構(gòu)造函數(shù)/對象字面量：

拋開設(shè)計模式不談，使用最基本的方法，就是先調(diào)用Object構(gòu)造函數(shù)創(chuàng)建一個對象，然后給對象添加屬性.

     var student = new Object();

     student.name = "xiao ming";

     student.age = 20;

     student.getName = function () {

         alert(this.name);

     }

熟悉javascript 對象字面量的同學，可以換一種更好的寫法，至少看上去更簡潔。

復制代碼代碼如下:

    var student = {

        name: "xiao hong",

        age: 18,

        getName: function () {

            alert(this.name);

        }

    };

缺點：上面方法有個缺點就是，使用同一個接口創(chuàng)建很多類似的對象時，會產(chǎn)生大量重復的代碼。這個應該很容易理解了，函數(shù)（方法或者類）一般是用來創(chuàng)建公共的方法，上面的對象創(chuàng)建過程，根本沒有函數(shù)的影子，所以談不上什么重用。

工廠模式：

工廠模式抽象了具體創(chuàng)建對象的過程。就像一個黑盒，你只要調(diào)用函數(shù)（進入工廠），并且傳入相應參數(shù)（各種原材料），就會出來一個相應的對象（工廠生產(chǎn)的產(chǎn)品）。工廠模式解決了創(chuàng)建多個相似對象的問題。

復制代碼代碼如下:

     function studentFactory(name,age) {

         var student = new Object();

         student.name = name;

         student.age = age;

         student.sayName = function () {

             alert(this.name);

         }

         return student;

     }

     var p1 = studentFactory("ming", 20);

     var p2 = studentFactory("hong", 18);

缺點：工廠模式也有缺點，最大的缺點就是對象類型識別的問題。只能判斷出對象是Object 類型（p1 instanceof Object），而無法具體判斷出來是哪種類型。使用工廠模式創(chuàng)建出來的student 其實都有著類似的屬性和方法，只是值不同而已。這時更好的解決方法是，創(chuàng)建一個Student 函數(shù)，這樣所有的對象都屬于 Student 類型。所以工廠模式不是不好，只是構(gòu)造函數(shù)模式更優(yōu)。

自定義類型的構(gòu)造函數(shù)：

構(gòu)造函數(shù)可以用來創(chuàng)建特定類型的對象。

復制代碼代碼如下:

     function Student(name,age) {

         this.name = name;

         this.age = age;

         this.sayName = function () {

             alert(this.name);

         }

     }

     var p3 = new Student("ming", 20);

     var p4 = new Student("hong", 18);

     alert(p3 instanceof Student); 

　　　　alert(p3.sayName==p4.sayName); //false

缺點：自定義構(gòu)造函數(shù) 的不足之處就是，每個對象都會重新創(chuàng)建自己的方法，其實這些方法功能是一樣的（像 sayName）,但是它們卻不相同(p3.sayName 和p4.sayName不相等)。

原型模式：

定義一個空函數(shù)，然后把所有屬性和方法都添加到原型上，這樣所有的對象都會共用這些屬性和方法。

復制代碼代碼如下:

     function Student() {};

     Student.prototype.name = "ming";

     Student.prototype.age = 20;

     Student.prototype.friends = ['qi'];

     Student.prototype.sayName = function () {

         alert(this.name);

     };

缺點：有些屬性不能共享，共享回來帶來問題，例如：friends。每位同學的friends 大多都不會相同。

構(gòu)造函數(shù)與原型的組合：

復制代碼代碼如下:

     function Student(name, age, friends) {

         this.name = name;

         this.age = age;

         this.friends = friends;

     }

     Student.prototype = {

         constructor: Student,

         sayName: function () {

             alert(this.name);

         }

     };

總結(jié)：構(gòu)造函數(shù)與原型的組合是一種獲得廣泛認可的創(chuàng)建自定義類型的方法。也是上面這些方法中的最優(yōu)方法。

/*************************************************************************************************************/

其實上面的創(chuàng)建對象的方法已經(jīng)很多了，但是還是有可能出現(xiàn)一些比較特殊的場景，需要繼續(xù)的優(yōu)化。

動態(tài)原型模式：

它是構(gòu)造函數(shù)與原型組合的一種優(yōu)化。對于那些共用的屬性和方法，如果初始化之后，就不必再重復初始化，提高效率。

復制代碼代碼如下:

       function Student(name, age) {

           this.name = name;

           this.age = age;

           if ((typeof this.sayName) != "function") {

               Student.prototype.sayName = function () {

                   alert(this.name);

               }

           }

       }

       var stu = new Person("ming", 20);

       //alert(stu instanceof Student);

       stu.sayName();

　　　　　　var stuNew = new Person("hong", 18);

　　　　　　//alert(stuNew instanceof Student);

　　　　　　stuNew.sayName();

當創(chuàng)建多個student對象時，sayName 方法只會初始化一次。

最后還有一種很有用的創(chuàng)建對象的方式，就是穩(wěn)妥構(gòu)造函數(shù)。

穩(wěn)妥構(gòu)造函數(shù)模式：

在這個模式中會禁止使用this和new，所有對象沒有公共的屬性。只能讀取變量的值，而不能修改。

復制代碼代碼如下:

      ////穩(wěn)妥構(gòu)造函數(shù)模式

      function Student(name, age) {

          var o = new Object();

          o.sayName = function () {

              alert(name);

          }

          return o;

      }

      var stu = Student("ming", 21);

      stu.sayName();

以上匯總了幾種常見的Javascript創(chuàng)建自定義對象的方法，非常的全面，大家如有更好的，請聯(lián)系我，本文持續(xù)更新。

您可能感興趣的文章: