当前位置:首页 > 数码 > 对抗入口-一切的网络请求都经过网关进入内部网络 (\对抗\)

对抗入口-一切的网络请求都经过网关进入内部网络 (\对抗\)

admin4个月前 (05-07)数码39

原型链承袭

原型链承袭是比拟经常出现的承袭形式之一,其中触及的结构函数、原型和实例,三者之间存在着必定的相关,即每一个结构函数都有一个原型对象,原型对象又蕴含一个指向结构函数的指针,而实例则蕴含一个原型对象的指针。例如:

functionParent1(){this.name='parent1';this.play=[1,2,3]}functionChild1(){this.type='child2';}Child1.prototype=newParent1();console.log(newChild1());

上方的代码其实有一个潜在的疑问,例如:

vars1=newChild1();vars2=newChild1();s1.play.push(4);console.log(s1.play);console.log(s2.play);

口头结果如下:

当我修正了s1的play属性的时刻,s2的play属性也跟着变了,由于两个实例经常使用的是同一个原型对象。它们的内存空间是共享的,当一个出现变动的时刻,另外一个也随之启动了变动,这就是经常使用原型链承袭形式的一个缺陷。

结构函数承袭(借助call)

functionParent1(){this.name='parent1';}Parent1.prototype.getName=function(){returnthis.name;}functionChild1(){Parent1.call(this);this.type='child1'}letchild=newChild1();console.log(child);//没疑问console.log(child.getName());//会报错

运转结果如下:

除了Child1的属性type之外,也承袭了Parent1的属性name。这样写的时刻子类虽然能够拿到父类的属性值,处置了第一种承袭形式的弊病,但疑问是,父类原型对象中一旦存在父类之前自己定义的方法,那么子类将无法承袭这些方法。

因此结构函数成功承袭的优缺陷,它使父类的援用属性不会被共享,优化了第一种承袭形式的弊病;然而随之而来的缺陷也比拟清楚——只能承袭父类的实例属性和方法,不能承袭原型属性或许方法。

组合承袭(前两种组合)

这种形式联合了前两种承袭形式的优缺陷,联合起来的承袭,代码如下:

functionParent3(){this.name='parent3';this.play=[1,2,3];}Parent3.prototype.getName=function(){returnthis.name;}functionChild3(){//第二次调用Parent3()Parent3.call(this);this.type='child3';}//第一次性调用Parent3()Child3.prototype=newParent3();//手动挂上结构器,指向自己的结构函数Child3.prototype.constructor=Child3;vars3=newChild3();vars4=newChild3();s3.play.push(4);console.log(s3.play);//不相互影响console.log(s4.play);console.log(s3.getName());//反常输入'parent3'console.log(s4.getName());//反常输入'parent3'

结果如下:

之前方法一和方法二的疑问都得以处置,然而这里又参与了一个新疑问:经过注释咱们可以看到Parent3口头了两次,第一次性是扭转Child3的prototype的时刻,第二次是经过call方法调用Parent3的时刻,那么Parent3多结构一次性就多启动了一次性性能开支。

原型式承袭

ES5外面的Object.create方法,这个方法接纳两个参数:一是用作新对象原型的对象、二是为新对象定义额外属性的对象(可选参数)。

letparent4={name:"parent4",friends:["p1","p2","p3"],getName:function(){returnthis.name;}};letperson4=Object.create(parent4);person4.name="tom";person4.friends.push("jerry");letperson5=Object.create(parent4);person5.friends.push("lucy");console.log(person4.name);console.log(person4.name===person4.getName());console.log(person5.name);console.log(person4.friends);console.log(person5.friends);

口头结果如下:

经过Object.create这个方法可以成功个别对象的承袭,不只仅能承袭属性,雷同也可以承袭getName的方法。前三个输入都是反常的,最后两个输入结果分歧是由于Object.create方法是可以为一些对象成功浅拷贝的,那么关于这种承袭形式的缺陷也很清楚,多个实例的援用类型属性指向相反的内存。

寄生式承袭

经常使用原型式承袭可以取得一份指标对象的浅拷贝,而后应用这个浅拷贝的才干再启动增强,参与一些方法,这样的承袭形式就叫作寄生式承袭。

虽然其优缺陷和原型式承袭一样,然而关于个别对象的承袭形式来说,寄生式承袭相比于原型式承袭,还是在父类基础上参与了更多的方法。成功如下:

letparent5={name:"parent5",friends:["p1","p2","p3"],getName:function(){returnthis.name;}};functionclone(original){letclone=Object.create(original);clone.getFriends=function(){returnthis.friends;};returnclone;}letperson5=clone(parent5);console.log(person5.getName());console.log(person5.getFriends());

输入结果如下:

从最后的输入结果中可以看到,person5经过clone的方法,参与了getFriends的方法,从而使person5这个个别对象在承袭环节中又参与了一个方法,这样的承袭形式就是寄生式承袭。

寄生组合式承袭

联合第四种中提及的承袭形式,处置个别对象的承袭疑问的Object.create方法,咱们在前面这几种承袭形式的优缺陷基础上启动变革,得出了寄生组合式的承袭形式,这也是一切承袭形式外面相对最优的承袭形式,代码如下:

functionclone(parent,child){//这里改用Object.create就可以缩小组合承袭中多启动一次性结构的环节child.prototype=Object.create(parent.prototype);child.prototype.constructor=child;}functionParent6(){this.name='parent6';this.play=[1,2,3];}Parent6.prototype.getName=function(){returnthis.name;}functionChild6(){Parent6.call(this);this.friends='child5';}clone(Parent6,Child6);Child6.prototype.getFriends=function(){returnthis.friends;}letperson6=newChild6();console.log(person6);console.log(person6.getName());console.log(person6.getFriends());-----------------------------------

口头结果如下:

这种寄生组合式承袭形式,基本可以处置前几种承袭形式的缺陷,较好地成功了承袭想要的结果,同时也缩小了结构次数,缩小了性能的开支。全体看上去,这六种承袭形式中,寄生组合式承袭是这六种外面最优的承袭形式。

ES6的extends关键字成功逻辑

ES6提供了extends语法糖,经常使用关键字很容易成功Script的承袭,先看一下extends经常使用方法。

classPerson{constructor(name){this.name=name}//原型方法//即Person.prototype.getName=function(){}//上方可以简写为getName(){...}getName=function(){console.log('Person:',this.name)}}classGamerextendsPerson{constructor(name,age){//子类中存在结构函数,则须要在经常使用this之前首先调用super()。super(name)this.age=age}}constasuna=newGamer('Asuna',20)asuna.getName()//成功访问到父类的方法

经常使用babel将ES6的代码编译成ES5,代码如下:

function_possibleConstructorReturn(self,call){//...returncall&&(typeofcall==='object'||typeofcall==='function')?call:self;}function_inherits(subClass,superClass){//这里可以看到subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}varParent=functionParent(){//验证能否是Parent结构进去的this_classCallCheck(this,Parent);};varChild=(function(_Parent){_inherits(Child,_Parent);functionChild(){_classCallCheck(this,Child);return_possibleConstructorReturn(this,(Child.__proto__||Object.getPrototypeOf(Child)).ly(this,arguments));}returnChild;}(Parent));

网关是什么意思

网关(Gateway)就是一个网络连接到另一个网络的“关口”。

按照不同的分类标准,网关也有很多种。TCP/IP协议里的网关是最常用的,在这里我们所讲的“网关”均指TCP/ IP协议下的网关;

实质上是一个网络通向其他网络的IP地址

在没有路由器的情况下,两个网络之间是不能进行TCP/IP通信的,即使是两个网络连接在同一台交换机(或集线器)上,TCP/IP协议也会根据子网掩码(255.255.255.0)判定两个网络中的主机处在不同的网络里。而要实现这两个网络之间的通信,则必须通过网关。如果网络A中的主机发现数据包的目的主机不在本地网络中,就把数据包转发给它自己的网关,再由网关转发给网络B的网关,网络B的网关再转发给网络B的某个主机(如附图所示)。网络B向网络A转发数据包的过程也是如此。

所以说,只有设置好网关的IP地址,TCP/IP协议才能实现不同网络之间的相互通信。

网关的作用是什么?

网关是将两个使用不同传输协议的网络段连接在一起的设备,网关一般用作网络的入口和出口点,因为所有数据必须在路由之前通过或与网关通信。在大多数基于IP的网络中,唯一不通过至少一个网关的流量是在同一局域网(LAN)段上的节点之间流动的流量。

在个人或企业场景中使用网关的主要优点是将互联网连接简化为一个设备。在企业中,网关节点还可以充当代理服务器和防火墙。

网关如何工作

所有网络都有一个边界,限制与直接连接到它的设备的通信。因此,如果网络想要与该边界之外的设备,节点或网络通信,则它们需要网关的功能。网关通常被表征为路由器和调制解调器的组合。

网关在网络边缘实现,并管理从该网络内部或外部定向的所有数据。当一个网络想要与另一个网络通信时,数据包将传递到网关,然后通过最有效的路径路由到目的地。除路由数据外,网关还将存储有关主机网络内部路径的信息以及遇到的任何其他网络的路径。

网关基本上是协议转换器,促进两个协议之间的兼容性,并在开放系统互连(OSI)模型的任何层上操作。

网关的一个用途是在物联网环境和云之间创建通信链路。

网关类型

网关可以采用多种形式并执行各种任务。这方面的例子包括:

Web应用程序防火墙: 此类型过滤来自Web服务器的流量并查看应用程序层数据。

云存储网关:此类型使用各种云存储服务API调用转换存储请求。它允许组织将存储从私有云集成到应用程序中,而无需迁移到公共云。

API、OA或 XML 网关: 此类型管理流入和流出服务,面向微服务的体系结构或基于XML的Web服务的流量。

物联网网关: 此类型聚合来自物联网环境中设备的传感器数据,在传感器协议之间进行转换,并在向前发送之前处理传感器数据。

媒体网关 : 此类型将数据从一种网络所需的格式转换为另一种网络所需的格式。

电子邮件安全网关:此类型可防止传输违反公司政策或将以恶意目的传输信息的电子邮件。

VoIP中继网关 :这种类型便于使用普通老式电话服务设备,如固定电话和传真机,以及IP语音(VoIP)网络。

JS

此外,服务提供商可以开发网关,供客户使用。

网关和路由器的相似之处在于它们都可用于调节两个或多个独立网络之间的流量。但是,路由器用于连接两个相似类型的网络,网关用于连接两个不同的网络。由于这种逻辑,路由器可能被视为网关,但网关并不总是被视为路由器。路由器是最常用的网关,用于将家庭或企业网络连接到互联网。

免责声明:本文转载或采集自网络,版权归原作者所有。本网站刊发此文旨在传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及版权、内容等问题,请联系本网,我们将在第一时间删除。同时,本网站不对所刊发内容的准确性、真实性、完整性、及时性、原创性等进行保证,请读者仅作参考,并请自行核实相关内容。对于因使用或依赖本文内容所产生的任何直接或间接损失,本网站不承担任何责任。

标签: JS

“对抗入口-一切的网络请求都经过网关进入内部网络 (\对抗\)” 的相关文章

探索可行性-JavaScript发起的请求暂停 (探索可行性)

探索可行性-JavaScript发起的请求暂停 (探索可行性)

在 Web 开发中,JavaScript 经常被用来发起网络请求,从服务器获取数据或与后端进行交互。标准的 JavaScript 并没有直接提供暂停请求的方法。那么,是否可以暂停 JS 发起的请求...

JS-掌握不同方法并了解其优缺点-中克隆对象的终极指南 (js掌握程度)

JS-掌握不同方法并了解其优缺点-中克隆对象的终极指南 (js掌握程度)

对象克隆是指创建对象的副本而不修改原始对象。这是在需要操纵对象而不影响其原始状态的情况下很有用的。 浅克隆 浅克隆只复制对象顶层的属性。嵌套对象或数组的引用仍然指向原始对象。...

在名目中辨别经常使用防抖和节流时的思考要素-JS疑问 (在名目中辨别真假)

在名目中辨别经常使用防抖和节流时的思考要素-JS疑问 (在名目中辨别真假)

序文 大家好,我是大澈! 本文约2300+字,整篇阅读大概须要6分钟。 本文关键内容分三局部,第一局部是需求剖析,第二局部是成功步骤,第三局部是疑问详解。 假设您只要要处置...

运行时纷至沓来-全方位JS-运行时盘点-新-JS

运行时纷至沓来-全方位JS-运行时盘点-新-JS

Node.js 是 JavaScript 开发领域的领头羊,但随着时间的推移,新的运行时环境不断涌现,为开发者提供了更多选择。本文将对现有的 JavaScript 运行时进行盘点,探讨它们各自的优...

结构函数-深度解析-原型链-JavaScript-类和承袭机制 (结构函数的定义)

结构函数-深度解析-原型链-JavaScript-类和承袭机制 (结构函数的定义)

本文深化浅出地探讨了Script结构函数、原型、类、承袭的个性和用法,以及它们之间的相关。宿愿看完本文,能协助大家对它们有愈加明晰通透的看法和把握! 01、前言 妇孺皆知,JavaScrip...