這篇文章將為大家詳細講解有關JavaScript開發(fā)者必會哪些設計模式，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

創(chuàng)新互聯(lián)不只是一家網(wǎng)站建設的網(wǎng)絡公司；我們對營銷、技術(shù)、服務都有自己獨特見解，公司采取“創(chuàng)意+綜合+營銷”一體化的方式為您提供更專業(yè)的服務！我們經(jīng)歷的每一步也許不一定是最完美的，但每一步都有值得深思的意義。我們珍視每一份信任，關注我們的成都網(wǎng)站設計、網(wǎng)站制作質(zhì)量和服務品質(zhì)，在得到用戶滿意的同時，也能得到同行業(yè)的專業(yè)認可，能夠為行業(yè)創(chuàng)新發(fā)展助力。未來將繼續(xù)專注于技術(shù)創(chuàng)新，服務升級，滿足企業(yè)一站式全網(wǎng)營銷推廣需求，讓再小的成都品牌網(wǎng)站建設也能產(chǎn)生價值！

1、構(gòu)造函數(shù)設計模式

構(gòu)造函數(shù)設計模式是一種用于在分配內(nèi)存后初始化新創(chuàng)建的對象的特殊方法。舉個例子：

//創(chuàng)建一個新的空對象

var newObject = {};

//創(chuàng)建一個新的空對象

var newObject = Object.create(Object.prototype);

var newObject = newObject();

2、原型設計模式

原型模式是基于原型繼承的。在這種模式中，被創(chuàng)建的對象充當其他對象的原型。實際上，原型是被創(chuàng)建的每個對象構(gòu)造函數(shù)的藍圖。舉個例子：

var myCar= {

name:"Ford Escort",

brake:function(){

console.log("Stop! I am applying brakes");

}

Panic : function (){

console.log ( "wait. how do you stop thuis thing?")

}

}

//使用 object create實個新的例化一 car

var yourCar= object.create(myCar);

//現(xiàn)在它就是另一個的原型了

console.log (yourCar.name);]

3、命令設計模式

命令設計模式將方法調(diào)用、操作或請求封裝到單個對象中，以便我們可以自行傳遞方法調(diào)用。命令設計模式讓我們可以從任何正在執(zhí)行的命令中發(fā)出命令，并將責任委托給與之前不同的對象。這些命令以 run()和 execute()格式顯示。示例：

(function(){

var carManager = {

//請求的信息

requestInfo: function( model, id ){

return "The information for " + model + " with ID " + id + " is foo bar";

},

//現(xiàn)在購買這個 car

buyVehicle: function( model, id ){

return "You have successfully purchased Item " + id + ", a " + model;

},

//現(xiàn)在 arrange viewing

arrangeViewing: function( model, id ){

return "You have successfully booked a viewing of " + model + " ( " + id + " ) ";

}

};

})();

4、觀察者模式

觀察者設計模式在許多對象同時與其他對象集通信的場景中用起來很方便。在觀察者模式中不會在狀態(tài)之間發(fā)生不必要的事件 push和 pull；相比之下，所涉及的模塊僅會修改數(shù)據(jù)的當前狀態(tài)。示例：

function Observer() {

this.observerContainer = [];

}

Observer.prototype.subscribe = function (element) {

this.observerContainer.push(element);

}

//下面是從 container中移除一個元素

Observer.prototype.unsubscribe = function (element) {

const elementIndex = this.observerContainer.indexOf(element);

if (elementIndex > -1) {

this.observerContainer.splice(elementIndex, 1);

}

}

/**

* we notify elements added to the container by calling

* each subscribed components added to our container

*/

Observer.prototype.notifyAll = function (element) {

this.observerContainer.forEach(function (observerElement) {

observerElement(element);

});

}

5、工廠設計模式

命令設計模式將方法調(diào)用、操作或請求封裝到單個對象中，以便我們可以自行傳遞方法調(diào)用。命令設計模式讓我們可以從任何正在執(zhí)行的命令中發(fā)出命令，并將責任委托給與之前不同的對象。這些命令以 run()和 execute()格式顯示。示例：

(function(){

var carManager = {

//請求的信息

requestInfo: function( model, id ){

return "The information for " + model + " with ID " + id + " is foo bar";

},

//現(xiàn)在購買這個 car

buyVehicle: function( model, id ){

return "You have successfully purchased Item " + id + ", a " + model;

},

//現(xiàn)在 arrange viewing

arrangeViewing: function( model, id ){

return "You have successfully booked a viewing of " + model + " ( " + id + " ) ";

}

};

})();

關于JavaScript開發(fā)者必會哪些設計模式就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

分享文章：JavaScript開發(fā)者必會哪些設計模式
URL地址：http://www.chinadenli.net/article10/jdhpdo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設、標簽優(yōu)化、服務器托管、網(wǎng)站改版、網(wǎng)站收錄、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)