快捷導(dǎo)航

JavaScript設(shè)計模式之構(gòu)造器模式(生成器模式)定義與用法實例分析

更新時間：2018年07月26日 10:46:57 作者：筱葭

這篇文章主要介紹了JavaScript設(shè)計模式之構(gòu)造器模式(生成器模式)定義與用法,結(jié)合實例形式分析了javascript構(gòu)造器模式的概念、原理、與工廠模式的區(qū)別以及相關(guān)使用方法,需要的朋友可以參考下

本文實例講述了JavaScript設(shè)計模式之構(gòu)造器模式(生成器模式)定義與用法。分享給大家供大家參考，具體如下：

工廠模式雖然解決了重復(fù)實例化的問題，但無法識別對象類型。

可以采用構(gòu)造函數(shù)(構(gòu)造方法)可用來創(chuàng)建特定的對象，可以解決工廠模式無法識別對象實例的問題。也就是說，使用構(gòu)造函數(shù)的方法，即解決了重復(fù)實例化的問題，又解決了對象識別的問題。

構(gòu)造器模式與工廠模式的不同之處在于：

①　構(gòu)造函數(shù)方法沒有顯示的創(chuàng)建對象 (new Object())；

②　直接將屬性和方法賦值給 this 對象；

③　沒有 return 語句。

構(gòu)造函數(shù)方法的規(guī)范：

①　函數(shù)名和實例化構(gòu)造名相同且大寫 (非強(qiáng)制，但有助于區(qū)分構(gòu)造函數(shù)和普通函數(shù))；

②　通過構(gòu)造函數(shù)創(chuàng)建對象，必須使用new運算符。

function Person(name, age) {
  this.name = name;
    this.age = age;
  this.showName = function() {
      alert(this.name);
    };
}
var person1 = new Person("Alice", 23);
var person2 = new Person("Bruce", 22);

構(gòu)造器模式的問題：每個方法都要在每個實例上重新創(chuàng)建一遍。

原因：JavaScript中的函數(shù)是對象，每定義一個函數(shù)，就是實例化了一個Funtion對象，因此，使用構(gòu)造函數(shù)創(chuàng)建的每個實例都有一個同名的方法，但這些方法不是同一個Function的實例，因為不同實例上的同名函數(shù)是不相等的。

解決：原型模式，請見：//www.fzitv.net/article/144485.htm

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章: