JavaScript的设计模式经典之代理模式
更新时间：2016年02月24日 13:58:33 投稿：mrr
代理模式的定义是把对一个对象的访问, 交给另一个代理对象来操作。接下来通过本文给大家介绍JavaScript的设计模式之代理模式，感兴趣的朋友一起学习吧
一、代理模式概念
说明：顾名思义就是用一个类来代替另一个类来执行方法功能，这个模式跟装饰模式有点相似，不一样的是，代理模式是代替客户初始化被代理对象类，而装饰模式采用接口或初装饰者参数引用的方式来执行的。
解释：房屋中介，可以代理帮助卖家把房子卖给买家，这中间卖家说要卖的价钱就可以了，买家也可以提出自己要买的房型，中介可以帮忙处理中间环节。最后达成买卖。中介可以同时代理很多房屋买卖，并且可以代理租房事宜。
二、代理模式的作用和注意事项
模式作用：
1、远程代理（一个对象将不同空间的对象进行局部代理）
2、虚拟代理（根据需要创建开销很大的对象如渲染网页暂时用占位代替真图）
3、安全代理（控制证实对象的访问权限）
4、智能指引（调用对象代理处理另外一些事情如垃圾回收机制）
注意事项：
1、不能滥用代理，有时候仅仅是给代码增加复杂度
三、代理模式代码和实战总结
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
//代理模式需要三方
//1.买家
function maijia(){
this.name = "小明";
this.money = "30万";
}
//2.中介
function zhongjie(){
}
zhongjie.prototype.maifang = function(){
//new fongdong(new maijia()).maifang("20万");
new fongdong(new maijia()).maifang("20万");
}
//3.卖家
function fongdong(maijia){
this.maijia_name = maijia.name;
this.maijia_money = maijia.money;
this.maifang = function(money){
// alert("收到了来自【"+this.maijia_name+"】"+money+"人民币");
alert("收到了来自【"+this.maijia_name+"】"+this.maijia_money+"人民币");
}
}
(new zhongjie()).maifang();
</script>
<script>
// A2B
function A(){
this.money = "20RMB";
}
function to(){
if(!(this instanceof to)){
return new to;
}
}
to.prototype.maifang = function(){
var a = new A();
new B().maifang(a.money);
}
function B(){
this.maifang = function(money){
alert("收到了钱"+money);
}
}
(new to()).maifang();
to().maifang();
</script>
</body>
</html>
相关文章
今天小编就为大家分享一篇关于解决微信小程序中转换时间格式IOS不兼容的问题，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-02-02
javascript如何在foreach循环完成之后执行一个回调函数
forEach()是前端开发中操作数组的一种方法,主要功能是遍历数组,其实就是 for 循环的升级版,下面这篇文章主要给大家介绍了关于javascript如何在foreach循环完成之后执行一个回调函数的相关资料,需要的朋友可以参考下2023-11-11
javascript面向对象知识很广泛，想深入理解需要花费一些时间，本文给大家介绍了js面向对象的创建及相关属性介绍，感兴趣的小伙伴一起学习吧2017-05-05
这篇文章主要介绍了JavaScript中的冒泡排序法的知识，并通过一个例子给大家讲解了js冒泡排序，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-08-08
这篇文章主要给大家介绍了关于如何编写一个d.ts文件的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用d.ts具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2018-04-04
这篇文章主要介绍了JavaScript 身份证号有效验证详解及实例代码的相关资料,需要的朋友可以参考下2016-10-10
JavaScript中常用的3种弹窗(警告框、确认框、提示框)
JavaScript提供了几种常用的弹窗方法,用于与用户进行交互或显示提示消息,这篇文章主要给大家介绍了关于JavaScript中常用的3种弹窗的相关资料,分别包括警告框、确认框、提示框,需要的朋友可以参考下2023-09-09
JavaScript中的prompt是一个函数,用于在浏览器中显示一个对话框,提示用户输入一些信息,这篇文章主要给大家介绍了关于JavaScript中prompt()函数的用法实战,需要的朋友可以参考下2023-11-11
今天小编就为大家分享一篇layui select 禁止点击的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了微信小程序实现上传多张图片、删除图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
最新评论