美文网首页
javascript实现继承

javascript实现继承

作者: 小枫学幽默 | 来源:发表于2020-06-16 14:55 被阅读0次

javascript实现继承

原理

  • 1 利用函数的call方法改变this指向,让子类有父类的属性

  • 2 遍历父类的 prototype中的方法赋值给子类原型,让子类有父类的方法

示例代码

function Dad(name,age){
  this.name = name;
  this.age = age;
}
//给父类添加方法
Dad.prototype.showName = function(){
  console.log("我的名字是" + this.name);
}
//实现子类
function Son(name,age){
  Dad.call(this,name,age);
}
for (var key in Dad.prototype){
  Son.prototype[key] = Dad.prototype[key];
}
var dd = new Dad("David",40);
var ss = new Son("max",12);

ss.showName(); //我的名字是max

相关文章

  • 005|JavaScript ES6新特性之Classes

    在过去,需要像 053|JavaScript 继承详解 那样实现继承。JavaScript这种继承实现方式与其它面...

  • javascript代码积累

    一、javascript实现继承 1.基于原型链实现继承 2.基于属性和方法复制实现继承 二、javascript...

  • Web前端经典面试试题及答案2

    javascript面向对象中继承实现? 面向对象的基本特征有:封闭、继承、多态。在JavaScript中实现继承...

  • 理解 JavaScript 中的原型链

    JavaScript 作为一门面对对象语言,但是却不支持接口继承,只支持实现继承。JavaScript 中实现继承...

  • 【javascript】继承

    javascript只支持实现继承,而且继承主要是依靠原型链来实现的。 原型链 javascript将原型链作为实...

  • JavaScript实现继承

    四种继承方式 1. 原型继承 示例: 优点:从instanceof关键字来看,实例既是父类的实例,又是子类的实例,...

  • JavaScript实现继承

    JavaScript是一门面向对象的编程语言,但是由于设计上的原因它没有像其他面向对象的语言一样有类的概念(在ES...

  • javaScript 实现继承

    继承是面向对象编程中三大特点之一。 为了方便描述,下面文章中,P 指代父类,parent,C 指代子类,child...

  • javascript实现继承

    javascript实现继承 原理 1 利用函数的call方法改变this指向,让子类有父类的属性 2 遍历父类的...

  • JavaScript实现继承

    实现继承分为多种方式,但主要还是通过原型链来实现的。 原型链继承 原型链继承就是使子类的原型指向父类构造出来的实例...

网友评论

      本文标题:javascript实现继承

      本文链接:https://www.haomeiwen.com/subject/klqrxktx.html