在Javascript中如何实现继承

最新推荐文章于 2023-03-21 12:42:58 发布

转载最新推荐文章于 2023-03-21 12:42:58 发布 · 483 阅读

js类专栏收录该内容

3 篇文章

订阅专栏

本文通过一个具体的示例详细解释了JavaScript中如何使用原型的方式实现‘继承’，包括构造函数的定义、属性和方法的‘继承’过程。

js其实没有继承的说法，好点的说法就是伪继承。

下面是原型方式的‘继承’：

<script>    
function Person(name){    //定义一个Person的构造函数
    this.name=name;    //添加属性
}    
Person.prototype.showName=function(){    //添加方法
    return this.name;    
};    
   
function Worker(name,job){    
    Person.apply(this,arguments);    //属性的'继承'
    this.job=job;    
}    
Worker.prototype=new Person();    //方法的'继承'
Worker.prototype.showJob=function(){    
    return this.job;    
};    
var p1=new Person('abc');    
var w1=new Worker('hh','厨师');