时间:2021-05-26
本文实例讲述了JS实现面向对象继承的5种方式。分享给大家供大家参考,具体如下:
js是门灵活的语言,实现一种功能往往有多种做法,ECMAScript没有明确的继承机制,而是通过模仿实现的,根据js语言的本身的特性,js实现继承有以下通用的几种方式
1. 使用对象冒充实现继承(该种实现方式可以实现多继承)
实现原理:让父类的构造函数成为子类的方法,然后调用该子类的方法,通过this关键字给所有的属性和方法赋值
function Parent(firstname){ this.fname=firstname; this.age=40; this.sayAge=function() { console.log(this.age); }}function Child(firstname){ this.parent=Parent; this.parent(firstname); delete this.parent; this.saySomeThing=function() { console.log(this.fname); this.sayAge(); }}var mychild=new Child("李");mychild.saySomeThing();2. 采用call方法改变函数上下文实现继承(该种方式不能继承原型链,若想继承原型链,则采用5混合模式)
实现原理:改变函数内部的函数上下文this,使它指向传入函数的具体对象
function Parent(firstname){ this.fname=firstname; this.age=40; this.sayAge=function() { console.log(this.age); }}function Child(firstname){ this.saySomeThing=function() { console.log(this.fname); this.sayAge(); } this.getName=function() { return firstname; }}var child=new Child("张");Parent.call(child,child.getName());child.saySomeThing();3. 采用Apply方法改变函数上下文实现继承(该种方式不能继承原型链,若想继承原型链,则采用5混合模式)
实现原理:改变函数内部的函数上下文this,使它指向传入函数的具体对象
function Parent(firstname){ this.fname=firstname; this.age=40; this.sayAge=function() { console.log(this.age); }}function Child(firstname){ this.saySomeThing=function() { console.log(this.fname); this.sayAge(); } this.getName=function() { return firstname; }}var child=new Child("张");Parent.apply(child,[child.getName()]);child.saySomeThing();4. 采用原型链的方式实现继承
实现原理:使子类原型对象指向父类的实例以实现继承,即重写类的原型,弊端是不能直接实现多继承
function Parent(){ this.sayAge=function() { console.log(this.age); }}function Child(firstname){ this.fname=firstname; this.age=40; this.saySomeThing=function() { console.log(this.fname); this.sayAge(); }}Child.prototype=new Parent();var child=new Child("张");child.saySomeThing();5. 采用混合模式实现继承
function Parent(){ this.sayAge=function() { console.log(this.age); }}Parent.prototype.sayParent=function(){ alert("this is parentmethod!!!");}function Child(firstname){ Parent.call(this); this.fname=firstname; this.age=40; this.saySomeThing=function() { console.log(this.fname); this.sayAge(); }}Child.prototype=new Parent();var child=new Child("张");child.saySomeThing();child.sayParent();更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
前言JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一。那么如何在JS中实现继承呢?让我们拭目以待。JS继承的实现方式既然要实现继承,那么首先我们得有一
继承 继承是面向对象语言的必备特征,即一个类能够重用另一个类的方法和属性。在JavaScript中继承方式的实现方式主要有以下五种:对象冒充、call()、a
整理一下js面向对象中的封装和继承。1.封装 js中封装有很多种实现方式,这里列出常用的几种。1.1原始模式生成对象 直接将我们的成员写入对象中,用函数
Javascript并不是一门面向对象的语言,没有提供传统的继承方式,但是它提供了一种原型继承的方式,利用自身提供的原型属性来实现继承。原型链是JavaScri
JS继承JavaScript中没有类的概念,与类相关的继承的概念更是无从谈起,但是我们可以通过特殊的语法来模拟面向对象语言中的继承。在JS中模拟继承有多种方式,