加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程 > 正文

理解JavaScript中的设计模式

发布时间:2018-04-27 00:12:04 所属栏目:编程 来源:伯乐在线
导读:副问题#e# 靠得住的计划模式是可维护软件的基石,假如你曾参加技能口试,很有也许被问到关于计划模式的这类对象。下面这个指南中,我们将进修一些本日就可以用得着的计划模式。 什么是计划模式? 简朴来说,计划模式就是对特定范例题目重用的软件办理方案,这

属性(要领)在Person工具中应用到了tilo工具的原型,我们可以从头界说在tilo工具中的属性,假如我们想要它纷歧样的话。上面例子中,我们行使Object.create(),然而,IE8中不支持这个较量新的要领,在这种环境下,我们可以模仿他的举动:

var vehiclePrototype = {

init: function (carModel) {

this.model = carModel;

},

getModel: function () {

console.log( “The model of this vehicle is ” + this.model);

}

};

function vehicle (model) {

function F() {};

F.prototype = vehiclePrototype;

var f = new F();

f.init(model);

return f;

}

var car = vehicle(“Ford Escort”);

car.getModel();

独一欠好的处所就是这个要领你没法指定为可读的属性,而行使Object.create()时可以指定。不管奈何,原型模式展示了工具怎样担任自其余工具。

布局化模式:

布局化计划模式在当你想领略一个体系假如事变的时辰显得很是有辅佐。它能使应用扩展利便,维护利便。我们将接头以下两种模式:组合模式和门面模式

组合模式:

组合模式可以领略为一个工具的组合可以像单个工具一样以同等的方法处理赏罚。这是什么意思呢?好吧,思量下面这个例子:

$(‘.myList’).addClass(‘selected’);

$(‘#myItem’).addClass(‘selected’);

//dont do this on large tables, it‘s just an example.

$(“#dataTable tbody tr”).on(“click”, function(event){

alert($(this).text());

});

$(’#myButton‘).on(“click”, function(event) {

alert(“Clicked.”);

});

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读