JavaScript開發(fā)者必會哪些設(shè)計模式

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

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

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

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

var newObject = {};

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

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

var newObject = newObject();

2、原型設(shè)計模式

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

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、命令設(shè)計模式

命令設(shè)計模式將方法調(diào)用、操作或請求封裝到單個對象中，以便我們可以自行傳遞方法調(diào)用。命令設(shè)計模式讓我們可以從任何正在執(zhí)行的命令中發(fā)出命令，并將責(zé)任委托給與之前不同的對象。這些命令以 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、觀察者模式

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

命令設(shè)計模式將方法調(diào)用、操作或請求封裝到單個對象中，以便我們可以自行傳遞方法調(diào)用。命令設(shè)計模式讓我們可以從任何正在執(zhí)行的命令中發(fā)出命令，并將責(zé)任委托給與之前不同的對象。這些命令以 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 + " ) ";

}

};

})();

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