亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

Javascript 中創建自定義對象的方法匯總

2019-11-20 13:49:08
字體:
來源:轉載
供稿:網友

Javascript 中創建對象,可以有很多種方法。

Object構造函數/對象字面量

拋開設計模式不談,使用最基本的方法,就是先調用Object構造函數創建一個對象,然后給對象添加屬性.

復制代碼 代碼如下:

     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);
        }
    };

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

工廠模式

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

復制代碼 代碼如下:

     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),而無法具體判斷出來是哪種類型。使用工廠模式創建出來的student 其實都有著類似的屬性和方法,只是值不同而已。這時 更好的解決方法是,創建一個Student 函數,這樣所有的對象都屬于 Student 類型。所以工廠模式不是不好,只是 構造函數模式更優。

自定義類型的構造函數:

構造函數可以用來創建特定類型的對象。

復制代碼 代碼如下:

     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

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

原型模式:

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

復制代碼 代碼如下:

     function Student() {};
     Student.prototype.name = "ming";
     Student.prototype.age = 20;
     Student.prototype.friends = ['qi'];
     Student.prototype.sayName = function () {
         alert(this.name);
     };

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

構造函數與原型的組合:

復制代碼 代碼如下:

     function Student(name, age, friends) {
         this.name = name;
         this.age = age;
         this.friends = friends;
     }
     Student.prototype = {
         constructor: Student,
         sayName: function () {
             alert(this.name);
         }
     };

總結:構造函數與原型的組合 是一種獲得廣泛認可的創建自定義類型的方法。 也是上面這些方法中的最優方法。

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

其實上面的創建對象的方法已經很多了,但是還是有可能出現一些比較特殊的場景,需要繼續的優化。

動態原型模式:

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

復制代碼 代碼如下:

       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();

當創建多個student對象時,sayName 方法只會初始化一次。

最后還有一種很有用的創建對象的方式,就是穩妥構造函數。

穩妥構造函數模式:

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

復制代碼 代碼如下:

      ////穩妥構造函數模式
      function Student(name, age) {
          var o = new Object();
          o.sayName = function () {
              alert(name);
          }
          return o;
      }
      var stu = Student("ming", 21);
      stu.sayName();

以上匯總了幾種常見的Javascript創建自定義對象的方法,非常的全面,大家如有更好的,請聯系我,本文持續更新。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
中文字幕亚洲一区在线观看| 黑人巨大精品欧美一区二区一视频| 欧美一级成年大片在线观看| 亚洲欧美精品一区二区| 97在线免费观看| 欧美黄色三级网站| 日日噜噜噜夜夜爽亚洲精品| 97人人爽人人喊人人模波多| 亚洲国产成人久久综合| 在线精品视频视频中文字幕| 亚洲午夜精品久久久久久久久久久久| 亚洲精品一区在线观看香蕉| 久久中文精品视频| 国产91亚洲精品| 欧美巨乳在线观看| 国语自产精品视频在线看一大j8| 国产欧美中文字幕| 日韩精品丝袜在线| 欧美日韩一区二区精品| 亚洲视频一区二区三区| 日韩精品视频观看| 人九九综合九九宗合| 日本久久久久久久久| 欧美精品在线观看| 久久久视频免费观看| 国产日韩欧美中文在线播放| 日本成人激情视频| 中文字幕精品影院| 亚洲a级在线播放观看| 色播久久人人爽人人爽人人片视av| 欧美成年人网站| 国产精自产拍久久久久久蜜| 亚洲国产精品成人av| 欧美激情2020午夜免费观看| 欧美一二三视频| 日韩中文字幕免费视频| 91精品国产91久久久久久| 久久免费视频网站| 精品偷拍一区二区三区在线看| 国产一区二区三区丝袜| 国产精品人成电影在线观看| 亚洲毛片在线免费观看| 国产成人拍精品视频午夜网站| 精品久久香蕉国产线看观看亚洲| 国产成人精品日本亚洲| 亚洲精品一区中文| 国内精品久久久久伊人av| 久久久久久久电影一区| 亚洲成色777777在线观看影院| 亚洲直播在线一区| 91夜夜揉人人捏人人添红杏| 亚洲黄色成人网| 亚洲深夜福利视频| 欧美视频中文在线看| 精品久久久久久久久久久| 亚洲一区精品电影| 欧美激情极品视频| 国产精品成人一区二区三区吃奶| 欧美精品生活片| 成人伊人精品色xxxx视频| 国产在线观看91精品一区| 欧美专区国产专区| 国产成人一区二| 久久精品国产精品亚洲| 欧美裸体xxxx极品少妇| 国产精品久久久久久久7电影| 九九热99久久久国产盗摄| 国产精品流白浆视频| 亚洲精品videossex少妇| 在线成人免费网站| 91亚洲精品视频| 日韩欧美主播在线| 欧美中文在线观看| 日韩视频在线一区| 国产欧美日韩91| 国产主播喷水一区二区| 啪一啪鲁一鲁2019在线视频| 97久久久久久| 国产精品久久婷婷六月丁香| 亚洲国产欧美自拍| 成年无码av片在线| 国产福利精品av综合导导航| 日韩美女在线播放| 91免费在线视频网站| 欧美大片在线看免费观看| 日韩精品有码在线观看| 成人在线小视频| 日韩久久精品电影| 欧美极品第一页| 国产香蕉一区二区三区在线视频| 午夜精品久久久久久久99黑人| 欧美性色视频在线| 久久精品一偷一偷国产| 欧美成人午夜激情视频| 91在线色戒在线| 国产精品91久久| 青青在线视频一区二区三区| 国产精品电影一区| 欧美大片欧美激情性色a∨久久| 久久夜精品va视频免费观看| 精品一区二区三区三区| 久久久亚洲成人| 欧美激情欧美激情| 97精品在线视频| 日韩精品极品毛片系列视频| 欧美激情免费在线| 国产亚洲精品综合一区91| xxx成人少妇69| 国产69精品久久久久9999| 欧美国产日韩精品| 国产午夜精品全部视频在线播放| 亚洲最大激情中文字幕| 九九热精品视频| 久久频这里精品99香蕉| 韩剧1988在线观看免费完整版| 国产精品男人的天堂| 国产精品黄视频| 精品久久久一区| 国产精品久久久久久av| 久久成人精品一区二区三区| 日本精品久久久| 久久久久北条麻妃免费看| 亚洲国产成人精品女人久久久| 国产日韩精品综合网站| 亚洲国产精品va在线| 97avcom| 欧美一级淫片aaaaaaa视频| 国产亚洲a∨片在线观看| 亚洲国产精品久久久久秋霞不卡| 2019国产精品自在线拍国产不卡| zzijzzij亚洲日本成熟少妇| 亚洲国产精品va在线看黑人动漫| 黄色精品在线看| 欧美高清视频在线| 亚洲自拍av在线| 国产精品白丝jk喷水视频一区| 亚洲已满18点击进入在线看片| 国模视频一区二区三区| 91亚洲精品久久久| 国产狼人综合免费视频| 久久久久久久香蕉网| 久久精品影视伊人网| 国产精品久久久久久久美男| 亚洲福利视频专区| 日韩性xxxx爱| 欧美色图在线视频| 午夜精品一区二区三区在线视频| 欧美精品电影在线| 久久亚洲欧美日韩精品专区| 亚洲欧美在线看| 91中文在线观看| 亚洲一区二区三区乱码aⅴ蜜桃女| 黄色一区二区在线观看| 中文字幕亚洲情99在线| 欧美视频不卡中文| 亚洲欧美日韩中文在线| 欧美大片欧美激情性色a∨久久| 亚洲人成电影在线观看天堂色| 亚洲一区二区中文字幕| 91精品成人久久| 亚洲欧美成人在线| 97视频国产在线| 亚洲毛片在线看| 亚洲色图第一页|