JavaScript继承方式是什么


本篇内容介绍了“JavaScript继承方式是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!原型链原型链继承基本思想就是让一个原型对象指向另一个类型的实例代码定义了两个类型SuperType和SubType,每个类型分别有一个属性和一个方法,SubType继承了SuperType,而继承是通过创建SuperType的实例,并将该实例赋给SubType.prototype实现的。实现的本质是重写原型对象,代之以一个新类型的实例,那么存在SuperType的实例中的所有属性和方法,现在也存在于SubType.prototype中了。我们知道,在创建一个实例的时候,实例对象中会有一个内部指针指向创建它的原型,进行关联起来,在这里代码SubType.prototype = new SuperType(),也会在SubType.prototype创建一个内部指针,将SubType.prototype与SuperType关联起来。所以instance指向SubType的原型,SubType的原型又指向SuperType的原型,继而在instance在调用getSuperValue()方法的时候,会顺着这条链一直往上找。添加方法在给SubType原型添加方法的时候,如果,父类上也有同样的名字,SubType将会覆盖这个方法,达到重新的目的。 但是这个方法依然存在于父类中。记住不能以字面量的形式添加,因为,上面说过通过实例继承本质上就是重写,再使用字面量形式,又是一次重写了,但这次重写没有跟父类有任何关联,所以就会导致原型链截断。问题单纯的使用原型链继承,主要问题来自包含引用类型值的原型。在SuperType构造函数定义了一个colors属性,当SubType通过原型链继承后,这个属性就会出现SubType.prototype中,就跟专门创建了SubType.prototype.colors一样,所以会导致SubType的所有实例都会共享这个属性,所以instance1修改colors这个引用类型值,也会反映到instance2中。借用构造函数此方法为了解决原型中包含引用类型值所带来的问题。这种方法的思想就是在子类构造函数的内部调用父类构造函数,可以借助apply()和call()方法来改变对象的执行上下文在新建SubType实例是调用了SuperType构造函数,这样以来,就会在新SubType对象上执行SuperType函数中定义的所有对象初始化代码。结果,SubType的每个实例就会具有 香港云主机自己的colors属性的副本了。传递参数借助构造函数还有一个优势就是可以传递参数问题如果仅仅借助构造函数,方法都在构造函数中定义,因此函数无法达到复用组合继承(原型链+构造函数)组合继承是将原型链继承和构造函数结合起来,从而发挥二者之长的一种模式。思路就是使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承。这样,既通过在原型上定义方法实现了函数复用,又能够保证每个实例都有它自己的属性。这种模式避免了原型链和构造函数继承的缺陷,融合了他们的优点,是最常用的一种继承模式。原型式继承借助原型可以基于已有的对象创建新对象,同时还不必因此创建自定义类型。在object函数内部,先创建一个临时性的构造函数,然后将传入的对象作为这个构造函数的原型,***返回这个临时类型的一个新实例。本质上来说,object对传入其中的对象执行了一次浅复制。这种模式要去你必须有一个对象作为另一个对象的基础。在这个例子中,person作为另一个对象的基础,把person传入object中,该函数就会返回一个新的对象。这个新对象将person作为原型,所以它的原型中就包含一个基本类型和一个引用类型。所以意味着如果还有另外一个对象关联了person,anotherPerson修改数组friends的时候,也会体现在这个对象中。Object.create()方法ES5通过Object.create()方法规范了原型式继承,可以接受两个参数,一个是用作新对象原型的对象和一个可选的为新对象定义额外属性的对象,行为相同,基本用法和上面的object一样,除了object不能接受第二个参数以外。寄生式继承寄生式继承的思路与寄生构造函数和工厂模式类似,即创建一个仅用于封装继承过程的函数。基于person返回了一个新对象anotherPeson,新对象不仅拥有了person的属性和方法,还有自己的sayHi方法。在主要考虑对象而不是自定义类型和构造函数的情况下,这是一个有用的模式。寄生组合式继承在前面说的组合模式(原型链+构造函数)中,继承的时候需要调用两次父类构造函数。父类***次在子类构造函数中第二次将子类的原型指向父类的实例当使用var instance = new SubType()的时候,会产生两组name和color属性,一组在SubType实例上,一组在SubType原型上,只不过实例上的屏蔽了原型上的。使用寄生式组合模式,可以规避这个问题。这种模式通过借用构造函数来继承属性,通过原型链的混成形式来继承方法。基本思路:不必为了指定子类型的原型而调用父类的构造函数,我们需要的无非就是父类原型的一个副本。本质上就是使用寄生式继承来继承父类的原型,在将结果指定给子类型的原型。该函数实现了寄生组合继承的最简单形式。这个函数接受两个参数,一个子类,一个父类。***步创建父类原型的副本,第二步将创建的副本添加constructor属性,第三部将子类的原型指向这个副本。补充:直接使用Object.create来实现,其实就是将上面封装的函数拆开,这样演示可以更容易理解。ES6新增了一个方法,Object.setPrototypeOf,可以直接创建关联,而且不用手动添加constructor属性。“JavaScript继承方式是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注开发云网站,小编将为大家输出更多高质量的实用文章!

相关推荐: 怎样定位生产上CPU飙高100%的问题

怎样定位生产上CPU飙高100%的问题,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。概括来说,分三步:1,首先找到是哪个进程的CPU占有率飙到了100%。2,根据进程号pid,定位到是哪个线程,找…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 11/12 15:50
下一篇 11/12 15:50

相关推荐