javascript实现继承方式代码实例

作为一面向对象的语言，继承自然是一大特征之一，但是javascript的继承和c#和java这种普通意义上的继承又有所不同，下面就介绍一下javascript如何实现继承，希望能够给需要的朋友带来帮助。

一.对象冒充方式:

1.对象冒充方式一:

要掌握对象冒充方式实现的继承，一定要对this的作用有良好的掌握。

关于this的用法可以参阅javascript this一章节。函数既可以作为普通意义上的函数，也可以作为构造函数，作为构造含税保护的时候，通常情况下构造函数内部都是由this的存在，可以通过这个this为对象添加属性或者方法，看一段代码实例:

[ bootstrap ] 运行代码下载代码

function classA(webName,target){  
  this.webName=webName;
  this.target=target;
  this.func=function(){
    console.log(this.webName)
  }
}
var obj=new classA("蚂蚁部落","分享互助");
obj.func();

上面的代码演示了构造函数的作用，可以实例化一个对象，类似于类（当前js没有类这个概念）。我们可以将父构造函数在子构造函数内部使用，这样的话就能够实现子类继承父类的效果。

代码实例:

[ bootstrap ] 运行代码下载代码

<script>
function classA(webName){  this.webName=webName;
  this.func=function(){
    console.log(this.webName)
  }
}
  
function classB(name,age){
  this.antzone=classA;
  this.antzone(name)
  this.age=age;
  delete this.antzone;
}
var obj=new classB("51前端",2);
obj.func();
</script>

2.使用call来实现对象冒充:使用call()函数也开始可以实现继承效果的，对上面的代码做一下修改:

[ bootstrap ] 运行代码下载代码

<script>
function classA(webName){
  this.webName=webName;
  this.func=function(){
    console.log(this.webName)
  }
}
  
  
function classB(name,age){
  classA.call(this,name);
  this.age=age;
}
var obj=new classB("51前端",2);
obj.func();
</script>

代码描述：javascript实现继承方式。javascript实现继承方式代码实例

下载全部收藏

148 198

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册