关于JavaScript的继承

// es6 的继承 extends
class People {constructor(name = "liang", age = "27") {this.name = name;this.age = age}eat() {console.log(`${this.name} ${this.age} eat food`);}
}
// es6 继承
class Woman extends People {constructor(name = 'wang', age = " 30") {super(name, age)}eat() {super.eat()}
}let wm = new Woman()
wm.eat()

// es5 的寄生式组合继承
function Animal(obj) {this.name = obj.name;this.age = obj.age;
}
Animal.prototype.add = function (value) {console.log(value)
}var dog = new Animal({ name: 'doggo', age: 6 })
dog.add('hahaha')console.log(Animal.prototype === dog.__proto__); // true
console.log(Animal.prototype.constructor === Animal); // truefunction Cat(obj) {Animal.call(this, obj) // super(obj)this.sex = obj.sex
}// 这句是关键
Cat.prototype = Object.create(Animal.prototype);
Cat.prototype.constructor = Cat;var cat = new Cat({ name: 'miaomiao', age: 4, sex: 'boy' })
console.log(cat);
cat.add('miaomiaomiao')

关于JavaScript的继承相关推荐

深入解析JavaScript 原型继承
JavaScript 原型继承,学习js面向对象的朋友可以看看.十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. Object.prototype Ja ...
JavaScript实现继承的方式，不正确的是：
JavaScript实现继承的方式,不正确的是:DA.原型链继承 B.构造函数继承 C.组合继承 D.关联继承解析 javaScript实现继承共6种方式: 原型链继承.借用构造函数继承.组合继承. ...
白话解释 Javascript 原型继承(prototype inheritance)
来源: 个人博客白话解释 Javascript 原型继承(prototype inheritance) 什么是继承? 学过"面向对象"的同学们是否还记得,老师整天挂在嘴边的面向对 ...
JavaScript面向对象--继承（超简单易懂，小白专属）...
JavaScript面向对象--继承 (超简单易懂,小白专属) 一.继承的概念子类共享父类的数据和方法的行为,就叫继承. 二.E55如何实现继承?探索JavaScript继承的本质 2.1构造函数之 ...
JavaScript实现继承的方式和各自的优缺点
ECMAscript只支持实现继承,主要是依靠原型链来实现的. JavaScript实现继承的方式: 类式继承构造函数继承组合继承寄生组合式继承 1.类式继承 1 //类式继承 2 //声明父类 ...
JavaScript实现继承的方式
这篇文章主要介绍JavaScript实现继承的方式: 类式继承构造函数继承组合继承寄生组合式继承 extends继承 1.类式继承简单的类式继承: // 声明父类function Animal ...
JavaScript之继承（原型链）
JavaScript之继承(原型链) 我们知道继承是oo语言中不可缺少的一部分,对于JavaScript也是如此.一般的继承有两种方式:其一,接口继承,只继承方法的签名:其二,实现继承,继承实际的方法 ...
jQuery-源码阅读，JavaScript原生继承方式与jQuery中的继承
JavaScript中继承方法有以下几种: 1.原型链继承: function Book (name,author){this.name=name;this.author=author;}Book.p ...
js继承java方法吗_你知道JavaScript的继承吗？
导读: 在ES6 之前js中是并没有extends继承,就像是java的单继承继承,我们通过多实现的方法模拟java的多继承,所以我们也可以同通过,利用构造函数和原型对象实现来实现JavaScript ...
JavaScript的继承，原型和原型链
前言想必,学过 java 和 C++ 的小伙伴们,对于继承这个词应该不陌生,最近我也是一直在巩固JavaScript的知识,今天就来一起学习一下JavaScript里的继承吧. 继承是什么? 首先我 ...

关于JavaScript的继承

关于JavaScript的继承相关推荐

最新文章

热门文章