在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中文网其他相关文章!

KeysinreactarecrucialforopTimizingPerformanceByingIneFefitedListupDates.1)useKeyStoIndentifyAndTrackListelements.2)避免使用ArrayIndicesasKeystopreventperformansissues.3)ChooSestableIdentifierslikeIdentifierSlikeItem.idtomaintainAinainCommaintOnconMaintOmentStateAteanDimpperperFermerfermperfermerformperfermerformfermerformfermerformfermerment.ChosestopReventPerformissues.3)

ReactKeySareUniqueIdentifiers usedwhenrenderingListstoimprovereConciliation效率。1)heelPreactrackChangesInListItems,2)使用StableanDuniqueIdentifiersLikeItifiersLikeItemidSisRecumended,3)避免使用ArrayIndicesaskeyindicesaskeystopreventopReventOpReventSissUseSuseSuseWithReRefers和4)

独特的keysarecrucialinreactforoptimizingRendering和MaintainingComponentStateTegrity.1)useanaturalAlaluniqueIdentifierFromyourDataiFabable.2)ifnonaturalalientedifierexistsistsists,generateauniqueKeyniqueKeyKeyLiquekeyperaliqeyAliqueLiqueAlighatiSaliqueLiberaryLlikikeuuId.3)deversearrayIndiceSaskeyseSecialIndiceSeasseAsialIndiceAseAsialIndiceAsiall

使用索引作为键在React中是可以接受的,但仅限于列表项顺序不变且不会动态添加或删除的情况;否则,应使用稳定且唯一的标识符作为键。1)在静态列表(如下拉菜单选项)中使用索引作为键是可以的。2)如果列表项可以重新排序、添加或删除,使用索引会导致状态丢失和意外行为。3)始终使用数据的唯一ID或生成的标识符(如UUID)作为键,以确保React正确更新DOM和维护组件状态。

jsxisspecialbecialbecapeitblendshtmlwithjavascript,enableComponent-lase-uidesign.1)itallowsembeddingjavascriptInhtml-likesyntax,EnhancinguidesignAndLogicIntegration.2)

本文讨论了HTML5音频格式和跨浏览器兼容性。它涵盖MP3,WAV,OGG,AAC和WebM,并建议使用多个来源和后备以实现更广泛的可访问性。

SVG和画布是Web图形的HTML5元素。基于向量的SVG擅长可扩展性和交互性,而基于像素的画布则更适合游戏等性能密集型应用程序。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器

SecLists
SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

DVWA
Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

SublimeText3汉化版
中文版,非常好用

安全考试浏览器
Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。