成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JavaScript設(shè)計模式一：工廠模式和構(gòu)造器模式

MkkHou / 1104人閱讀

摘要：集中實例化的函數(shù)第一個實例第二個實例工廠模式的分類工廠模式分為簡單工廠抽象工廠和智能工廠，工廠模式不顯示地要求使用一個構(gòu)造函數(shù)。工廠模式之弊大多數(shù)類最好使用關(guān)鍵字和構(gòu)造函數(shù)，可以讓代碼更加簡單易讀。帶原型的構(gòu)造器中有一個名為的屬性。

什么是模式

前陣子準(zhǔn)備期末考試，挺累也挺忙的，實在閑不得空來更新文章，今天和大家說說javascript中的設(shè)計模式。

首先呢，我們需要知道的是：模式是一種可復(fù)用的解決方案，而反模式呢就是針對某個問題的不良解決方案。

js反模式常見例子

向setTimeout和setInterval傳遞字符串，而不是函數(shù)，這會觸發(fā)eval()的內(nèi)部使用。

在全局上下文中定義大量的變量污染全局命名空間

修改Object類的原型

以內(nèi)聯(lián)形式使用js，嵌入在HTML文件中的js代碼是無法包含在外部單元測試工具中的。

濫用document.write，如果在頁面加載完成后執(zhí)行docume.write，它會重寫我們所在的頁面，可以使用document.creatElement代替的話就盡量不用docume.write。

設(shè)計模式的類別 創(chuàng)建型設(shè)計模式

創(chuàng)建型設(shè)計模式專注于處理對象創(chuàng)建機制，以適合給定情況的方式來創(chuàng)建對象。屬于這個類別的屬性包括：

Constructor構(gòu)造器、Factory工廠、Abstract抽象、Prototype原型、Singleton單例和Builder生成器
結(jié)構(gòu)型設(shè)計模式

結(jié)構(gòu)型模式與對象組合有關(guān)，通?？梢杂糜谡页鲈诓煌瑢ο笾g建立關(guān)系的簡單方法。
屬于這個類別的模式包括：

Decorator裝飾者、Facade外觀、Flyweight享元、Adapter適配器和Proxy代理
行為設(shè)計模式

行為模式專注于改善或簡化系統(tǒng)中不同對象之間的通信。

行為模式包括：

Iterator迭代器、Mediator中介者、Observer觀察者和Visitor訪問者
Factory(工廠)模式

為了解決多個類似對象聲明的問題，我們可以使用一種叫做 工廠模式的方法，這種方法 就是為了解決實例化對象產(chǎn)生大量重復(fù)的問題。
工廠模式的分類

工廠模式分為簡單工廠、抽象工廠和智能工廠，工廠模式不顯示地要求使用一個構(gòu)造函數(shù)。

簡單工廠模式：使用一個類（通常為單體）來生成實例。
復(fù)雜工廠模式：使用子類來決定一個成員變量應(yīng)該是哪個具體的類的實例。

工廠模式之利 
主要好處就是可以消除對象間的耦合，通過使用工程方法而不是new關(guān)鍵字。將所有實例化的代碼集中在一個位置防止代碼重復(fù)。
工廠模式之弊 
大多數(shù)類最好使用new關(guān)鍵字和構(gòu)造函數(shù)，可以讓代碼更加簡單易讀。而不必去查看工廠方法來知道。

工廠模式解決了重復(fù)實例化的問題 ,但還有一個問題,那就是識別問題,因為根本無法 搞清楚他們到底是哪個對象的實例。

alert(typeof test1); //Object 
alert(test1 instanceof Object); //true
何時使用工廠模式？

Factory模式主要在以下場景使用：

當(dāng)對象或組件涉及高復(fù)雜性時

當(dāng)需要根據(jù)所在的不同環(huán)境輕松生成對象的不同實例時

當(dāng)處理很多共享相同屬性的小型對象或組件時

Constructor(構(gòu)造器)模式

ECMAScript 中可以采用構(gòu)造函數(shù)(構(gòu)造方法)可用來創(chuàng)建特定的對象。 該模式正好可以解決以上的工廠模式無法識別對象實例的問題。

使用構(gòu)造函數(shù)的方法 ，即解決了重復(fù)實例化的問題 ，又解決了對象識別的問題，該模式與工廠模式的不同之處在于：

1.構(gòu)造函數(shù)方法沒有顯示的創(chuàng)建對象 (new Object()); 
2.直接將屬性和方法賦值給 this 對象;
3.沒有 renturn 語句。

構(gòu)造函數(shù)的方法有一些規(guī)范:

1.函數(shù)名和實例化構(gòu)造名相同且大寫, (PS:非強制,但這么寫有助于區(qū)分構(gòu)造函數(shù)和 普通函數(shù));
2.通過構(gòu)造函數(shù)創(chuàng)建對象,必須使用 new 運算符。

既然通過構(gòu)造函數(shù)可以創(chuàng)建對象，那么這個對象是哪里來的， new Object()在什么地方執(zhí)行了？執(zhí)行的過程如下:

1.當(dāng)使用了構(gòu)造函數(shù),并且 new 構(gòu)造函數(shù)(),那么就后臺執(zhí)行了 new Object();
2.將構(gòu)造函數(shù)的作用域給新對象 ，(即 new Object()創(chuàng)建出的對象)，而函數(shù)體內(nèi)的 this 就 代表 new Object()出來的對象。
3.執(zhí)行構(gòu)造函數(shù)內(nèi)的代碼； 
4.返回新對象(后臺直接返回)。
帶原型的Constructor(構(gòu)造器)

js中有一個名為prototype的屬性。調(diào)用js構(gòu)造器創(chuàng)建一個對象后，新對象就會具有構(gòu)造器原型的所有屬性。通過這種方式，可以創(chuàng)建多個Car對象，并訪問相同的原型。

現(xiàn)在run()的單一實例就能夠在所有Car對象之間共享。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/85518.html

相關(guān)文章

  • JavaScript面向?qū)ο驩OM 2（JavaScript 創(chuàng)建對象的工廠模式和構(gòu)造函數(shù)模式）

    摘要：都是構(gòu)造函數(shù)模式創(chuàng)建的原生構(gòu)造函數(shù)。使用構(gòu)造函數(shù)創(chuàng)建對象經(jīng)歷了以下四個過程創(chuàng)建一個新對象構(gòu)造函數(shù)的作用域交給新對象。 ??在創(chuàng)建對象的時候，使用對象字面量和 new Object() 構(gòu)造函數(shù)的方式創(chuàng)建一個對象是最簡單最方便的方式。但是凡是處于初級階段的事物都會不可避免的存在一個問題，沒有普適性，意思就是說我要為世界上（程序中）的所有使用到的對象都使用一遍 var xxx = {} ，...

    you_De 評論0 收藏0

  • JavaScript面向?qū)ο驩OM 2（JavaScript 創(chuàng)建對象的工廠模式和構(gòu)造函數(shù)模式）

    摘要：都是構(gòu)造函數(shù)模式創(chuàng)建的原生構(gòu)造函數(shù)。使用構(gòu)造函數(shù)創(chuàng)建對象經(jīng)歷了以下四個過程創(chuàng)建一個新對象構(gòu)造函數(shù)的作用域交給新對象。 ??在創(chuàng)建對象的時候，使用對象字面量和 new Object() 構(gòu)造函數(shù)的方式創(chuàng)建一個對象是最簡單最方便的方式。但是凡是處于初級階段的事物都會不可避免的存在一個問題，沒有普適性，意思就是說我要為世界上（程序中）的所有使用到的對象都使用一遍 var xxx = {} ，...

    liuchengxu 評論0 收藏0

  • 細(xì)談JavaScript中的一些設(shè)計模式

    摘要：注意事項聲明函數(shù)時候處理業(yè)務(wù)邏輯區(qū)分和單例的區(qū)別，配合單例實現(xiàn)初始化構(gòu)造函數(shù)大寫字母開頭推薦注意的成本。簡單工廠模式使用一個類通常為單體來生成實例。 @(書籍閱讀)[JavaScript, 設(shè)計模式] 常見設(shè)計模式 一直對設(shè)計模式不太懂，花了一下午加一晚上的時間，好好的看了看各種設(shè)計模式，并總結(jié)了一下。 設(shè)計模式簡介 設(shè)計模式概念解讀 設(shè)計模式的發(fā)展與在JavaScript中的應(yīng)用 ...

    30e8336b8229 評論0 收藏0

  • JavaScript設(shè)計模式

    摘要：依賴于接口的設(shè)計模式下面列出的設(shè)計模式，尤其依賴接口工廠模式。這些私用的靜態(tài)成員可以從構(gòu)造器內(nèi)部訪問，這意味著所有私用函數(shù)和特權(quán)函數(shù)都能訪問它們。構(gòu)造器靜態(tài)特權(quán)方法封裝之弊私用方法很難進行單元測試。 1.弱類型語言 在JavaScript中，定義變量時不必聲明其類型。但這并不意味著變量沒有類型。一個變量可以屬于幾種類型之一，這取決于其包含的數(shù)據(jù)。JavaScript中有三種原始類型：...

    mingzhong 評論0 收藏0

  • 從ES6重新認(rèn)識JavaScript設(shè)計模式(二): 工廠模式

    摘要：簡單工廠模式簡單工廠模式又叫靜態(tài)工廠模式，由一個工廠對象決定創(chuàng)建某一種產(chǎn)品對象類的實例。工廠方法模式工廠方法模式的本意是將實際創(chuàng)建對象的工作推遲到子類中，這樣核心類就變成了抽象類。抽象工廠模式一般用在 1 什么是工廠模式? 工廠模式是用來創(chuàng)建對象的一種最常用的設(shè)計模式。我們不暴露創(chuàng)建對象的具體邏輯，而是將將邏輯封裝在一個函數(shù)中，那么這個函數(shù)就可以被視為一個工廠。工廠模式根據(jù)抽象程度的不...

    Reducto 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<