JavaScript设计模式-门面模式

JavaScript库的门面性质

JavaScript库的作用主要是节省时间,简化操作,提供更易用的接口。它把一些重复编写的代码片段封装成一个个方法,提高代码的复用程度。

用作便利方法的门面元素

组合而得的函数叫做便利函数
阻止冒泡的函数

function stopPropagation(e) {
	if (e.stopPropagation) {
		e.stopPropagation();
	} else {
		e.calcelBubble = true;
	}
}

阻止默认行为

function preventDefault() {
	if (e.preventDefault) {
		e.preventDefault();
	} else {
		e.returnValue = false;
	}
}

阻止事件冒泡和默认行为


function stopEvent(e) {
	stopPropagation(e);
	preventDefault(e);
}

门面模式的适用场合

需要辨别反复成组出现的代码,如果某些代码经常出现在另一些代码后面或前面那么可以考虑封装成门面函数。

优缺点

优点

  1. 复用代码
  2. 简化代码和接口的调用

缺点

  1. 容易被滥用
    经常会把一些函数进性封装,但有时候有些函数用的次数并不多,或者根本用不到。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端御书房

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值