您现在的位置是:首页 >综合 > 2023-08-29 20:16:07 来源:

js的继承的6种方法(js继承的几种方式)

导读 大家好,我是小夏,我来为大家解答以上问题。js的继承的6种方法,js继承的几种方式很多人还不知道,现在让我们一起来看看吧!1、继承的方式...

大家好,我是小夏,我来为大家解答以上问题。js的继承的6种方法,js继承的几种方式很多人还不知道,现在让我们一起来看看吧!

1、继承的方式一共有三种:<br>一、原型继承<br>通过prototype   来实现继承。

2、<br>function Person(name,age) {    this.name=name;    this.age=age;<br>}<br><br>Person.prototype.sayHello=function(){<br>alert ('使用原型得到Name:' + this.name);<br><br>}    var per = new Person(&quot;马小倩&quot;,21);<br>per.sayHello();//输出:使用原型得到Name:马小倩 <br><br>function Student(){}<br><br>Student.prototype=new Person(&quot;洪如彤&quot;,21);  //实现原型继承<br><br>var  stu = new Student();<br><br>Student.prototype.grade=5;  <br><br>Student.prototype.intr=function(){<br>alert(this.grade);<br>}  <br><br>stu.sayHello();//输出:使用原型得到Name:洪如彤<br>stu.intr();//输出:5  <br><br>二、构造函数实现继承<br>function Person(name,age) {    this.name=name;    this.age=age;<br>}<br><br>Person.prototype.sayHello=function(){<br>alert ('使用原型得到Name:' + this.name);<br><br>}    var per = new Person(&quot;马小倩&quot;,21);<br>per.sayHello();//输出:使用原型得到Name:马小倩<br><br>三、  通过call、apply  实现继承。

本文到此讲解完毕了,希望对大家有帮助。