使用构造方法实现继承效果 es5
  TEZNKK3IfmPf 2023年11月14日 23 0

利用call方法

在子构造方法体中

借用父构造方法


使用构造方法实现继承效果 es5 230209


方法继承效果的实现


使用构造方法实现继承效果 es5 230209


示意图

使用构造方法实现继承效果 es5 230209


完整代码

function Animal(name, color) {
this.name = name
this.color = color
Animal.prototype.sleep = function () {
console.log("动物在睡觉")
}
}

// 实例化一个动物实体
var pro_animal = new Animal()
// 让狗的构造指向这个实体
Dog.prototype = pro_animal
// 让狗原型指向狗构造
pro_animal.constructor = Dog


function Dog(name, color) {
// 借用父类构造方法来实现属性的继承
Animal.call(this, name, color)
Dog.prototype.gard = function () {
console.log("狗在看家")
}
}

var wc = new Dog("旺财", "黄色")
wc.sleep()
wc.gard()
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月14日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2023年11月12日   32   0   0 ES6javascript继承
  TEZNKK3IfmPf   2023年11月13日   20   0   0 封装继承编程开发
  TEZNKK3IfmPf   2023年11月12日   19   0   0 java继承
  TEZNKK3IfmPf   2023年11月12日   14   0   0 java继承
  TEZNKK3IfmPf   2023年11月14日   27   0   0 react继承
  TEZNKK3IfmPf   2023年11月13日   19   0   0 javascript继承
  TEZNKK3IfmPf   2023年11月14日   22   0   0 java继承
  TEZNKK3IfmPf   2023年11月13日   23   0   0 模板C++继承
  TEZNKK3IfmPf   2023年11月13日   29   0   0 Less继承选择器
  TEZNKK3IfmPf   2023年11月12日   30   0   0 子类JavaSE继承
TEZNKK3IfmPf