• 技术文章 >web前端 >前端问答

    javascript的代理模式原理是什么

    长期闲置长期闲置2022-03-10 15:18:16原创201

    在JavaScript中,代理模式的原理是为一个对象提供一个代用品或者占用符,以便控制对它的访问;通过给某个对象提供一个代理,并由代理对象控制对原对象的引用,是一种对象结构型模式。

    本教程操作环境: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中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript
    上一篇:javascript的方法名区分大小写吗 下一篇:JavaScript怎么实现10进制转8进制
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• javascript引擎有什么用• javascript中什么是预编译• JavaScript工厂函数是什么• javascript深拷贝和浅拷贝的区别是什么• javascript与DOM有什么区别
    1/1

    PHP中文网