加入收藏 | 设为首页 | 会员中心 | 我要投稿 银川站长网 (https://www.0951zz.com/)- 云通信、基础存储、云上网络、机器学习、视觉智能!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

JavaScript实现继承的方法有哪几种 原理怎么理解

发布时间:2023-06-20 12:41:59 所属栏目:语言 来源:
导读:在这篇文章中我们来了解一下“JavaScript实现继承的方法有什么,原理怎么理解”,一些朋友可能会遇到这方面的问题,对此在下文小编向大家来讲解,内容详细,易于理解,希望大家阅读完这篇能有收获哦,有需

在这篇文章中我们来了解一下“JavaScript实现继承的方法有什么,原理怎么理解”,一些朋友可能会遇到这方面的问题,对此在下文小编向大家来讲解,内容详细,易于理解,希望大家阅读完这篇能有收获哦,有需要的朋友就往下看吧!

1 .对象冒充

原理: 构造函数使用this关键字给所有属性和方法赋值, 因为构造函数只是一个函数,所以可以使ClassA的构造函数成为classB的方法,然后调用它.这样classB就会收到classA的构造函数中定义的属性和方法.例子:

function classA(name)

{

this.name=name;

this.showName=function(){alert(this.name);}

}

function classB(name)

{

this.newMethod = classA;

this.newMethod(name);

}

obj = new classA("hero");

objB = new classB("dby");

obj.showName(); // print hero

objB.showName(); // print dby 说明classB 继承了classA的方法.

对象冒充可以实现多重继承

function classz(){

this.newMethod = classX;

this.newMethod();

delete this.newMethod;

this.newMethod=classY;

this.newMethod():

delete this.newMethod;

}

但是如果classX和classY有相同的属性或者方法,classY具有高优先级.

2.call()方法

call方法使与经典的对象冒充法就相近的方法,它的第一个参数用作this的对象,其他参数都直接传递给函数自身.

function sayName(perfix)

{

alert(perfix+this.name);

}

obj= new Object();

obj.name="hero";

sayName.call(obj,"hello," );

function classA(name)

{

this.name=name;

this.showName=function(){alert(this.name);};

}

function classB(name)

{

classA.call(this,name);

}

objB = new classB("bing");

objB.showName();////说明classB继承classA的showName方法

3.apply()方法

aplly()方法有2个参数,一个用作this对象,一个使传递给函数的参数数组.

function sayName(perfix)

{

alert(perfix+this.name);

}

obj= new Object();

obj.name="hero";

sayName.aplly(obj,new Array("hello,") );

4. 原型链

prototype对象的任何属性和方法都会被传递给对应类的所有实例,原型链就是用这种方式来显现继承.

function classA (){}

classA.prototype.name="hero";

classA.prototype.showName=function(){alert(this.name)}

function classB(){}

classB.prototype=new classA();

objb = new classB()

objb.showName();//print hero 说明b继承了a的方法

这里需要注意 调用classA的构造函数时,没有给它传递参数,这是原型链的标准做法,确保函数的构造函数没有任何参数.

并且 子类的所有属性和方法,必须出现在prototype属性被赋值后,应为在它之前赋的值会被删除.因为对象的prototype属性被替换成了新对象,添加了新方法的原始对象将被销毁.

5 混和方式

就是用冒充方式 定义构造函数属性,用原型法定义对象方法.

function classA(name)

{

this.name=name;

}

classA.prototype.showName=function(){alert(this.name)}

function classB(name)

{

classA.call(this,name);

}

classB.prototype = new classA();

classB.prototype.showName1=function(){alert(this.name+"*****");};

obj = new classB("hero");

obj.showName();

obj.showName1();

在classB的构造函数中通过调用call方法 继承classA中的name属性,用原型链来继承classA的showName方法.

(编辑:银川站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!