温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JavaScript开发者必会哪些设计模式

发布时间:2020-07-29 12:48:45 来源:亿速云 阅读:156 作者:Leah 栏目:编程语言

这篇文章将为大家详细讲解有关JavaScript开发者必会哪些设计模式,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

1、构造函数设计模式

构造函数设计模式是一种用于在分配内存后初始化新创建的对象的特殊方法。举个例子:

// 创建一个新的空对象

var newObject = {};

// 创建一个新的空对象

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

var newObject = newObject();

2、原型设计模式

原型模式是基于原型继承的。在这种模式中,被创建的对象充当其他对象的原型。实际上,原型是被创建的每个对象构造函数的蓝图。举个例子:

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

// 现在它就是另一个的原型了

console.log (yourCar.name);]

3、命令设计模式

命令设计模式将方法调用、操作或请求封装到单个对象中,以便我们可以自行传递方法调用。命令设计模式让我们可以从任何正在执行的命令中发出命令,并将责任委托给与之前不同的对象。这些命令以 run() execute() 格式显示。示例:

(function(){

var carManager = {

// 请求的信息

requestInfo: function( model, id ){

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

},

// 现在购买这个 car

buyVehicle: function( model, id ){

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

},

// 现在 arrange viewing

arrangeViewing: function( model, id ){

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

}

};

})();

4、观察者模式

观察者设计模式在许多对象同时与其他对象集通信的场景中用起来很方便。在观察者模式中不会在状态之间发生不必要的事件 push pull;相比之下,所涉及的模块仅会修改数据的当前状态。示例:

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、工厂设计模式

命令设计模式将方法调用、操作或请求封装到单个对象中,以便我们可以自行传递方法调用。命令设计模式让我们可以从任何正在执行的命令中发出命令,并将责任委托给与之前不同的对象。这些命令以 run() execute() 格式显示。示例:

(function(){

var carManager = {

// 请求的信息

requestInfo: function( model, id ){

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

},

// 现在购买这个 car

buyVehicle: function( model, id ){

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

},

// 现在 arrange viewing

arrangeViewing: function( model, id ){

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

}

};

})();

关于JavaScript开发者必会哪些设计模式就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI