JavaScript 继承模式

最新推荐文章于 2024-06-15 14:14:14 发布
最新推荐文章于 2024-06-15 14:14:14 发布
阅读量122 收藏
点赞数
分类专栏： JavaScript基础 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zdn135860_/article/details/131443788
版权

原型链继承

关键在于子类型的原型是父类型的实例对象

方式
  1. 定义父类型构造函数
  2. 给父类型的原型添加方法
  3. 定义子类型的构造函数
  4. 创建父类型的实例对象赋值给子类型的原型**子类型.prototype = new 父类型()**

image.png

  1. 给子类型的原型的构造属性设置为子类型子类型.prototype.contructor = 子类型，否则会顺着原型链找到父类构造函数
  2. 给子类型的原型添加方法
  3. 创建子类型的对象（可以调用父类型的方法）

用构造函数继承（不成立）

关键在子类型构造函数中用super调用父类型构造函数

方式
  1. 定义父类构造函数
  2. 定义子类构造函数
  3. 在子类型构造函数中调用父类型构造
    1. 在子类型中 父类型.call(this,参数列表) 即super

组合继承

原型链＋借用构造函数的组合继承

方法
  1. 利用原型链实现对父类型对象的方法继承
  2. 利用super（）借用复用性构造函数初始化属性
  3. 即融合上面两个方法
小朱想偷月亮
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript继承模式粗探
10-23
之前提到了JS中比较简单的设计模式，在各种设计模式中被最常使用的工具之一就是原型链的继承。作为OOP的特质之一——继承，今天主要谈谈JS中比较简单的继承方法
JavaScript常见继承模式实例小结
10-17
主要介绍了JavaScript常见继承模式,结合实例形式总结分析了javascript原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承等相关实现技巧与操作注意事项,需要的朋友可以参考下
学习JavaScript设计模式(继承)
10-23
主要带领大家学习JavaScript设计模式，其中重点介绍继承，举例说明为什么需要继承，对继承进行详细剖析，感兴趣的小伙伴们可以参考一下
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 390
在vue.config.js中配置关闭Uncaught runtime errors显示。
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 544
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
基于JavaScript 如何实现爬山算法以及优化方案
乐闻世界
06-10 1415
爬山算法（Hill Climbing Algorithm）是一种常见的启发式搜索算法，常用于解决优化问题。其核心思想是从一个初始状态出发，通过逐步选择使目标函数值增大的邻近状态来寻找最优解。接下来，我们将通过 JavaScript 实现一个简单的爬山算法，帮助大家理解其原理和应用。从一个初始状态开始。评估当前状态的目标函数值。在当前状态的邻居中选择一个目标函数值更大的状态。如果找到了更优的邻居，则移动到该邻居并重复步骤2和步骤3。如果没有更优的邻居，则算法结束，当前状态即为局部最优解。
vue3如何定义一个组件
Java程序员专栏
06-09 573
注意在子组件的 <template> 中，你使用 {{ propName }} 来显示传递进来的参数值。在父组件中，你使用 :propName="parentMessage" 来将 parentMessage 数据的值绑定到子组件的 propName prop 上。当使用 <script setup> 语法糖时，你不能直接在 <script> 标签内使用 props 选项。在 Vue 3 中，定义一个可以接收参数的组件通常是通过在组件的 props 选项中定义这些参数来完成的。// 其他组件逻辑...
第二十一节:带你梳理Vue2: 父组件使用子组件时的修饰符和双向数据绑定
我们专注于分享最实用的编程技术和干货，帮助你提升编程能力,感谢您的支持和关注！
06-10 1261
原生事件修饰符.native ,关于组件标签上的事件 在组件标签上是没办法触发原生的js事件的,vue会将其作为自定义事件处理
Vue在表单校验中trigger属性指定何时触发校验规则
李长渊的博客
06-13 801
Vue在表单校验中trigger属性指定何时触发校验规则
vue3 防止按钮的连续点击（连点）
MtangEr的博客
06-13 277
vue3防止按钮连续点击，可注册自定义指令 v-prevent-reclick实现
？和？？的用法 ---Javascript
weixin_45705239的博客
06-13 193
当你在JavaScript中看到问号（?）和双问号（??）时，它们通常是用于条件处理和空值合并的操作符。
使用nodejs/exceljs读取、操作、写入excel文件
qiuzen的博客
06-12 309
【代码】使用nodejs/exceljs读取、操作、写入excel文件。
Python私教张大鹏 Vue3整合AntDesignVue之Menu 导航菜单
Python私教
06-11 505
何时使用 导航菜单是一个网站的灵魂，用户依赖导航在各个页面中进行跳转。一般分为顶部导航和侧边导航，顶部导航提供全局性的类目和功能，侧边导航提供多级结构来收纳和排列网站架构。 更多布局和导航的使用可以参考：通用布局。 开发者注意事项 Menu 元素为 ul，因而仅支持 li 以及 script-supporting 子元素。因而你的子节点元素应该都在 Menu.Item 内使用。 Menu 需要计算节点结构，因而其子元素仅支持 Menu.* 以及对此进行封装的 HOC 组件。 必须为 SubMenu 设置唯
TS:元组
最新发布
fury的博客
06-15 280
元组（Tuple）是一种数据结构，类似于数组，但与数组不同的是，元组中的元素类型可以各不相同，且元组的长度是固定的。- **固定类型**：元组中每个位置的元素类型在定义时确定，之后不能改变。3. **多维坐标**：例如表示三维空间的坐标 `[x, y, z]`。3. **顺序相关**：元组中的元素是有序的，可以通过索引访问。1. **类型安全**：元素类型固定，能提供更好的类型检查。- **固定长度**：元组的长度在定义时确定，之后不能改变。2. **多种类型**：元组中的每个元素可以是不同的类型。
如何在CSS中添加自定义属性
ggq53219的博客
06-14 206
你还可以在JavaScript中读取和修改自定义属性。这些属性将作为CSSStyleDeclaration对象上的属性被暴露出来，但它们的名称不包含。注意，当你使用JavaScript修改自定义属性时，这些变化将立即反映到任何使用了这些属性的CSS规则上，因为CSS变量是动态的。在CSS中，你可以使用自定义属性（也称为CSS变量）来定义可以在整个文档中重用的值。如果引用的属性不存在或无效，你可以提供一个回退值（fallback value）。）或任何其他的CSS选择器内部定义自定义属性。
HTML标签 label for 还是 htmlFor
wuyujin1997的博客
06-09 453
HTML标签： label 的属性。注意：为了更程序化地设置。
vue-router的导入和使用
codemami的博客
06-11 491
在你的 Vue 组件中，你可以使用 <router-link> 来创建链接，当用户点击这些链接时，视图会自动更新为对应路由所映射的组件。现在，当你点击 "Home" 或 "About" 链接时，<router-view> 的内容会自动更新为对应的组件。在你的主文件（通常是 main.js 或 main.ts）中，你需要导入 Vue 和 vue-router。然后，你可以使用 routes 配置来创建一个 router 实例，并将其传递给 Vue 的根实例。接着，你需要定义你的路由。
【算法篇】大数加法JavaScript版
遇见小美好
06-09 301
大数加法算法题JavaScript版
[next.js]移动端调试vconsole
ZhuAiQuan的博客
06-11 329
直接在这个layout的useEffect里加载vconsole (这里只会在开发环境里启用vconsole，基于webpack/turbopack的tree shake功能，在正式环境是不会把vconsole打包进来的) 然后使用import导入三方库并初始化。新建一个tsx文件，在这个tsx组件的useEffect里复制上面的代码（这里也是为了防止正式环境把vconsole打包进去），然后在入口的layouts里使用dynamic动态导入这个组件并挂载到页面上；先安装vconsole。
JavaScript 行为委托
06-08
JavaScript中的行为委托是一种面向对象编程的模式，与传统的类...需要注意的是，行为委托模式并不是传统的类继承模式，它更加灵活和动态，允许在运行时动态修改对象之间的关联关系，从而实现更加灵活的代码组织和重用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值