JavaScript对象继承——原型式继承

最新推荐文章于 2025-07-22 23:56:31 发布
最新推荐文章于 2025-07-22 23:56:31 发布
阅读量365 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/DebbyOctober/article/details/109022858
本文介绍了JavaScript中原型式继承的核心概念及其实现方式。通过一个函数创建新的对象，并将已有的对象作为原型，使得新对象可以继承旧对象的属性。这种方式避免了自定义类型的创建，但存在引用属性相互影响的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

b)原型式继承
核心：用一个函数，生出来一个新的对象
#案例：

#把obj1的下标1改为"张三"

优点：从已有对象繁衍出新的对象，不需要创建自定义类型

缺点：1》原型的引用属性会互相影响(公用一个地址)
2》无法实现代码复用， 属性是后添加的，都没用到函数封装。

javascript 的七种继承方式（四）原型式继承
lixiaosenlin的专栏
08-20 4773
前言 .前面我们已经介绍了JavaScript的三种继承方式：原型链，借用构造函数已经二者的组合继承。其中第三种组合继承最为常用。因为我们知道它结融合了原型链和借用构造函数的有点，隐藏了自己各自的缺点，最终实现了相对比较完美的继承方式。接下来我们要介绍js中的第四中继承方式——原型式继承。 原型式继承 曾经有人提出了另一种实现继承的方法，这种方法并没有使用严格意义上的构造函数，而是借助原型可以基于已有的对象来创建一个新对象， 同时还不必因此创建自定义类型。下面我们来看一段代码 function o
JavaScript对象继承——原型链
DebbyOctober的博客
10-09 194
一、继承 1》原型链 用法：把实例的父类给子函数（子类）的原型 #把实例的父类给子函数的原型（第9行） 由于原型具有共享性，也就是写一个引用类型（20行），再new一下obj2 【小结】缺点： a)因为修改了obj1.arr后obj2.arr也变了，因为来自原型对象的引用属性里所有实例共享的 b)创建子类实例时，无法向父类构造函数传递参数 ...
javascript的继承——原型链继承
讨厌走开啦
07-16 344
原型链继承方式： Son.prototype = new Father(); 原型链继承的几个特点： 父类构造函数中的属性和方法都可以被子类继承； 父类原型上的属性和方法可以被继承； 父类实例上的属性和方法无法被继承； 父类构造函数中的属性和方法在所有子类实例中是共享的； 父类原型上的属性和方法在所有子类实例中是共享的； 创建子类实例时无法向父类构造函数传参（如果父类构造函数允许传参）。 下面...
JavaScript中继承——原型链继承。
weixin_46953330的博客
07-10 295
1.原型链继承。 原理：将父类的实例作为子类的原型对象。 //动物整体大类 function Animal(name,sex) { this.name = name || 'Animal'; this.sex = sex || '无'; this.sleep = function () { console.log(this.name + "在睡觉"); } } //添加原型属性和方法 An
JavaScript简餐——原型式继承
igodmeetu的博客
10-17 206
文章目录前言一、什么是原型式继承？二、ECMAScript5中的原型式继承三、总结 前言 写本《JavaScript简餐》系列文章的目的是记录在阅读学习《JavaScript高级程序设计（第4版）》一书时出现的各个知识点。虽是对读书的笔记和总结，但是希望它轻量、简洁、犀利，不会引起阅读疲劳，可以在碎片化时间和闲暇之余轻巧地沐浴一下知识点。每篇文章只针对一个小部分进行讲解式的梳理，来达到个人复习总结和分享知识的目的。 一、什么是原型式继承？ 2006年，Douglas Crockford写了一篇文章
JS面向对象——原型式继承函数、寄生式继承函数、寄生组合式继承
zep
03-08 575
一、原型式继承函数 回顾一下JavaScript想实现继承的目的：重复利用另外一个对象的属性和方法. 最终的目的：student对象的原型指向了person对象； 二、寄生式继承函数 寄生式(Parasitic)继承是与原型式继承紧密相关的一种思想, 并且同样由道格拉斯·克罗克福德(Douglas Crockford)提出和推广的； 寄生式继承的思路是结合原型类继承和工厂模式的一种方式； 即创建一个封装继承过程的函数, 该函数在内部以某种方式来增强对象，最后再将这个对象返回； 三、寄生组合式
JavaScript继承——原型链和借用构造函数
Andy·Wu的专栏
02-27 456
一、继承之借用构造函数 借用构造函数：通过在子类型构造函数使用 call() 或 apply() 方法继承超类构造函数的属性和方法。 function SuperType(name) { this.name = name; this.colors = ['red', 'blue', 'gree']; } function SubType(name, age) { Supe...
JavaScript对象继承——组合继承
DebbyOctober的博客
10-11 288
3》继承方式:（最常用的继承方式） a)组合继承 优点： 1》不存在引用属性共享的问题 2》可传递参数 3》方法可复用 缺点：（小瑕疵） 子类原型上有一份多余的父类实例的属性（原型链使用了一次实例的所有的属性和方法，其次借用构造函数也使用了一次） ...
JavaScript的继承方式——原型链
flyingpig2016的博客
05-16 1624
JavaScript中依靠原型链的继承方式 开门见山，ECMAScript中实现继承主要是靠原型链来实现的。 什么是原型链呢？   其基本思想是利用原型，让一个引用类型继承另一个引用类型的属性和方法。根据上一节原型对象：我们知道，每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。那么如果我们让原型对象等于另一个类型的实例，结果会怎样呢
深入理解javascript原型链和继承
01-21
在上一篇文章中，介绍了原型的概念，了解到在javascript中构造函数、原型对象、实例三个好基友之间的关系：每一个构造函数都有一个“守护神”——原型对象，原型对象心里面也存着一个构造函数的“位置”，两情相悦，...
JavaScript网页开发——体验式学习教程.pdf
02-12
此外，教程还会涉及JavaScript的面向对象编程，包括构造函数、原型链、继承和封装。这些概念对于构建大型、复杂的Web应用至关重要。 ES6（ECMAScript 2015）是JavaScript的一个重要版本，引入了许多新特性，如箭头...
学习javascript面向对象 javascript实现继承的方式
11-22
实际上不是SubType的原型的constructor属性被重写了，而是SubType的原型指向了另一个对象——SuperType的原型，而这个原型对象的construtor属性指向的是SuperType function SuperType(){ this.property = true; }...
JS面向对象编程——ES6 中class的继承用法详解
10-15
ES6的`class`和`extends`提供了更加符合面向对象编程习惯的语法，让JavaScript的继承更加清晰和易于理解。`super`关键字在子类的构造函数和方法中扮演着关键角色，它允许子类访问和调用父类的方法和属性。理解和掌握...
xss漏洞
peach_TT的博客
07-22 943
恶意脚本代码作为发送给服务器，服务器在未充分验证或转义的情况下，中。受害者需要被诱骗点击一个（包含攻击脚本）才能触发攻击。
在easyui中如何自定义表格里面的内容
qq_56826081的博客
07-22 454
这个里面，加上data-options，里面写上formatter，后面就是接的方法名称。这样就会显示我们的格式化过后的内容样式可以自己选择。
写个 flask todo app，简洁，实用
waterHBO的博客
07-22 1003
这是一个基于 Flask 框架开发的现代化 Todo 应用，专为个人任务管理而设计。应用采用简洁的界面设计和直观的操作方式，帮助用户高效管理日常任务。这个 Flask Todo 应用虽然功能简洁，但涵盖了任务管理的核心需求。它不仅是一个实用的工具，也是学习 Flask 全栈开发的优秀示例。无论是个人使用还是作为学习项目，都具有很好的实用价值。项目代码结构清晰，易于理解和扩展，是 Web 开发初学者和有经验开发者的理想选择。
基于springboot的在线教育系统(源码+论文)
bronze_s的博客
07-21 1725
本文介绍了基于B/S架构的在线教育系统开发方案。系统采用Spring Boot框架和MySQL数据库，支持用户通过浏览器访问。文章详细阐述了系统结构设计，包括功能模块划分和数据库设计。数据库部分展示了地址、购物车、评论、讲师等核心表的字段结构，为系统实现提供了完整的数据模型基础。该系统设计实现了互联网环境下随时随地的教育服务访问需求。
Shopify 知识点
Xxxxxl17的博客
07-21 889
• 过滤器：{{ price | money }} 格式化价格，{{ content | truncatewords: 30 }} 截断文本。• 常用对象：product（商品）、collection（分类）、cart（购物车）、customer（用户）。• 避免XSS攻击：对用户输入内容转义（{{ user_input | escape }}）。• 动态生成 title 与 meta 描述（{{ page.title }}）。• 输出变量：{{ product.title }} 动态显示商品标题。
【第三节】Class与Style绑定
最新发布
qq_45142349的博客
07-22 1038
数据绑定一个常见需求是操作元素的 class 列表和它的内联样式,因为它们都是属性，我们可以用 v-bind 处理它们:我们只需要计算出表达式最终的字符串。尽管可以用 Mustache 标签绑定 class,比如 class="{{className}}”，但是不推荐这种写法和 v-bind:class 混用。例如，如果isB 变为 true，class 列表将变为"static class-a class-b"我们可以传给 v-bind:class一个对象，以动态地切换 class。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值