>首页> IT >

javascript的代理模式原理是什么

时间:2022-03-10 15:27:08       来源:PHP中文网

本教程操作环境:windows10系统、javascript1.8.5版、Dell G3电脑。

javascript的代理模式原理是什么

代理是一个对象(proxy)用它来控制目标对象的访问。为此他要是先与目标对象相同的接口,但是他不同于装饰者模式,它对目标对象不进行任何修改,它的目的在于延缓"复杂"对象的初始化时间。这样可以在用到这个目标对象的时候再初始化他(对于单例来讲更是重要)。

为一个对象提供一个代用品或者占位符,以便控制对它的访问

给某一个对象提供一个代理,并由代理对象控制对原对象的引用。代理模式是一种对象结构型模式

代理模式有两种分类:

(1)普通代理

(2)惰性代理

看一段代码:

function getSomething(value) {    if (value > 10) {        return value * 2;    }}

在这里我们定义了一个函数,如果传入的值大于10,那么我们就返回它的2倍的值。嗯。。。挺好的,但是有不足之处。函数做了过多的事情,我们的目的就是获取参数的2倍值,在这里做了条件判断。(当然在这里并没有什么影响,我只是举一个简单的例子),我们希望的这个函数就是返回值就行了。

在看一段代码:

function getSomething(value) {    return value * 2;}function proxtGet(value) {    if (value <10) return;    return getSomething(value);}

现在我们分离了getSomething的功能,判断用proxyGet来做,那么getSomething就安安心心的做自己的事情了。

其实就是一种保护代理,对目标对象我们提供了proxyGet方法进行保护,只有符合条件的才能操作它。

假如有天不需要做判断了,那么我们就直接调用getSomething就可以的到结果,看多方便。

下面介绍一下虚拟代理:

在web开发中,开销最大的无疑是网络请求,假设我们有一个列表,代表的是后台文件信息,我们点击一个列表,就要向后台发送打包文件的请求,对于拥有麒麟臂的你来说,这样的网络开销就是一场噩梦(假设这个操作的实时性要求不是很高),那么我们就可以这样子来操作,来减小开销:

function sendFile(files) {    // 做一些操作,然后发送文件信息给后台    console.log("发送成功");}var  proxySendFile = (function () {    var caches = [];    var timer = null;    return function (file) {        caches.push(file);        if (timer) { return };        timer = setTimeout(function () {            sendFile(caches);            clearInterval(timer);            timer = null;            caches.length = 0;        }, 2000)    }})()

在这里sendFile是发送文件的操作,我们使用proxySendFIle来代理发送文件的操作,2000只发起一次请求,你说可以不可以。就算你的麒麟臂已经无人可挡,在这里你跟别人没有区别。

相关推荐:javascript学习教程

以上就是javascript的代理模式原理是什么的详细内容,更多请关注php中文网其它相关文章!

关键词: 目标对象 相关文章 目的在于