javascript中设计模式之桥接模式详解(Bridge design)

最新推荐文章于 2024-08-11 22:36:11 发布

拼搏的小叔

最新推荐文章于 2024-08-11 22:36:11 发布

阅读量2k

点赞数

分类专栏： JS_design_pattern js_studyShare 文章标签：桥接模式设计模式实例

本文链接：https://blog.csdn.net/js_admin/article/details/71307769

版权

本文详细介绍了JavaScript中的设计模式之一——桥接模式，通过实际案例深入剖析了该模式的概念和应用，帮助读者理解如何在JavaScript中实现并运用桥接模式。

摘要由CSDN通过智能技术生成

一、桥接模式

1、桥接模式是一种既能把俩个对象连接在一起，又能避免二者间的强耦合的方法。通过“桥”把彼此联系起来，同时又允许他们各自独立变化

2、桥接模式主要作用就是将抽象与其实现隔离开来，以便二者独立话

二、桥接实例

1、事件监听回调机制

比如我们在页面点击一个发送按钮，去提交表单，我们一般就会这样写：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>桥接模式</title>
	<script src="jquery.js"></script>

</head>
<body>
	<button id="button_id">
		发送
	</button>
</body>
	<script >
		// 前台代码业务逻辑
		var btn = $("#button_id");
		//利用jq注册点击事件
		btn.click(sendReg());
		//后台数据业务逻辑
		function  sendReq(); {
			alert('我发送了请求。。。。。');
		}

	</script>
</html>

如果我们利用桥接模式就会这样写&#x