浅析JS原型继承与类的继承_基础知识
我们先看JS类的继承
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS类的继承</title>
</head>
<body>
/* -- 类式继承 -- */
<script type="text/javascript">
//先声明一个超类
var Animal = function(name) {
this.name = name;
}
//给这个超类的原型对象上添加方法
Animal.prototype.Eat = function() {
console.log(this.name + " Eat");
};
//实例化这个超
var a = new Animal("Animal");
//再创建构造函数对象类
var Cat = function(name, sex) {
//这个类中要调用超类Animal的构造函数，并将参数name传给它
Animal.call(this, name);
this.sex = sex;
}
//这个子类的原型对象等于超类的实例
Cat.prototype = new Animal();
//因为子类的原型对象等于超类的实例，所以prototype.constructor这个方法也等于超类构造函数
console.log(Cat.prototype.constructor);
//这个是Animal超类的引用，所以要从新赋值为自己本身
Cat.prototype.constructor = Cat;
console.log(Cat.prototype.constructor);
//子类本身添加了getSex 方法
Cat.prototype.getSex = function() {
return this.sex;
}
//实例化这个子类
var _m = new Cat('cat', 'male');
//自身的方法
console.log(_m.getSex()); //male
//继承超类的方法
console.log(_m.Eat()); //cat
</script>
</body>
</html>我们再看JS原型继承
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS原型继承</title>
</head>
<body>
<!--原型继承-->
<script type="text/javascript">
//clone()函数用来创建新的类Person对象
var clone = function(obj) {
var _f = function() {};
//这句是原型式继承最核心的地方，函数的原型对象为对象字面量
_f.prototype = obj;
return new _f;
}
//先声明一个对象字面量
var Animal = {
somthing: 'apple',
eat: function() {
console.log("eat " + this.somthing);
}
}
//不需要定义一个Person的子类，只要执行一次克隆即可
var Cat = clone(Animal);
//可以直接获得Person提供的默认值，也可以添加或者修改属性和方法
console.log(Cat.eat());
Cat.somthing = 'orange';
console.log(Cat.eat());
//声明子类,执行一次克隆即可
var Someone = clone(Cat);
</script>
</body>
</html>我们可以试验一下，JS类的继承 children.constructor==father 返回的是true，而原型继承children.constructor==father 返回的是false;
以上这篇浅析JS原型继承与类的继承就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
C++ 函数继承详解：如何在继承中使用'基类指针”和'派生类指针”？
May 01, 2024 pm 10:27 PM
在函数继承中，使用“基类指针”和“派生类指针”来理解继承机制：基类指针指向派生类对象时，执行向上转型，只访问基类成员。派生类指针指向基类对象时，执行向下转型（不安全），必须谨慎使用。
推荐：优秀JS开源人脸检测识别项目
Apr 03, 2024 am 11:55 AM
人脸检测识别技术已经是一个比较成熟且应用广泛的技术。而目前最为广泛的互联网应用语言非JS莫属，在Web前端实现人脸检测识别相比后端的人脸识别有优势也有弱势。优势包括减少网络交互、实时识别，大大缩短了用户等待时间，提高了用户体验；弱势是：受到模型大小限制，其中准确率也有限。如何在web端使用js实现人脸检测呢？为了实现Web端人脸识别，需要熟悉相关的编程语言和技术，如JavaScript、HTML、CSS、WebRTC等。同时还需要掌握相关的计算机视觉和人工智能技术。值得注意的是，由于Web端的计
C++ 中继承和多态性如何影响类的耦合度？
Jun 05, 2024 pm 02:33 PM
继承和多态性会影响类的耦合度：继承会增加耦合度，因为派生类依赖于基类。多态性可以降低耦合度，因为对象可以通过虚函数和基类指针以一致的方式响应消息。最佳实践包括谨慎使用继承、定义公共接口、避免向基类添加数据成员，以及通过依赖注入解耦类。实战案例展示了如何使用多态性和依赖注入降低银行账户应用程序中的耦合度。
C++ 函数继承详解：如何调试继承中出现的错误？
May 02, 2024 am 09:54 AM
继承错误调试技巧：确保正确的继承关系。使用调试器逐步执行代码，检查变量值。确保正确使用virtual修饰符。检查隐藏的继承带来的菱形继承问题。检查抽象类中未实现的纯虚函数。
js和vue的关系
Mar 11, 2024 pm 05:21 PM
js和vue的关系：1、JS作为Web开发基石；2、Vue.js作为前端框架的崛起；3、JS与Vue的互补关系；4、JS与Vue的实践应用。
C++ 函数继承详解：什么时候不应使用继承？
May 04, 2024 pm 12:18 PM
在以下情况下不应使用C++函数继承：派生类需要不同实现时，应创建具有不同实现的新函数。派生类不需要函数时，应声明为一个空类或使用私有、未实现的基类成员函数来禁用函数继承。函数不需要继承时，应使用其他机制（例如模板）来实现代码重用。
JS 的 AI 时代来了！
Apr 08, 2024 am 09:10 AM
JS-Torch简介JS-Torch是一种深度学习JavaScript库，其语法与PyTorch非常相似。它包含一个功能齐全的张量对象（可与跟踪梯度），深度学习层和函数，以及一个自动微分引擎。JS-Torch适用于在JavaScript中进行深度学习研究，并提供了许多方便的工具和函数来加速深度学习开发。图片PyTorch是一个开源的深度学习框架，由Meta的研究团队开发和维护。它提供了丰富的工具和库，用于构建和训练神经网络模型。PyTorch的设计理念是简单和灵活，易于使用，它的动态计算图特性使
C++ 函数继承详解：如何理解继承中的'is-a”和'has-a”关系？
May 02, 2024 am 08:18 AM
C++函数继承详解：掌握“is-a”和“has-a”关系什么是函数继承？函数继承是C++中一种将派生类中定义的方法与基类中定义的方法关联起来的技术。它允许派生类访问和重写基类的方法，从而扩展了基类的功能。“is-a”和“has-a”关系在函数继承中，“is-a”关系指派生类是基类的子类型，也就是说，派生类“继承”了基类的特性和行为。“has-a”关系指派生类包含对基类对象的引用或指针，也就是说，派生类“拥有”了基类对象。语法以下是如何实现函数继承的语法：classDerivedClass:pu
