标签： inheritance

发布于

解析‘组合模式’（Composition Over Inheritance）：为什么在 JS 中 Mixins 优于 Class 继承？

技术讲座：组合模式与Mixins在JavaScript中的优势 引言 在面向对象编程中，组合模式（Composition Over Inheritance，简称COI）是一种设计原则，它提倡通过组合对象来形成新的功能，而不是通过继承。在JavaScript中，由于语言本身的特点，使用Mixins（混入）来实现组合模式比传统的Class继承更加灵活和强大。本文将深入探讨组合模式与Mixins在JavaScript中的优势，并通过实际代码示例来展示其在工程实践中的应用。 一、什么是组合模式？ 组合模式是一种结构型设计模式，它允许将对象组合成树形结构以表示部分-整体的层次结构。这种模式强调在对象间通过组合而非继承来实现复用。组合模式的关键在于，它允许将多个对象组合成一个更大的对象，而不仅仅是继承一个类。 二、为什么在JavaScript中Mixins优于Class继承？ 1. 避免多重继承的复杂性 JavaScript不支持多重继承，这意味着一个类只能继承自一个父类。然而，在实际应用中，我们可能需要多个父类的功能。在这种情况下，使用Mixins可以轻松地实现类似多重继承的效果，因为它允许将多 …

继续阅读“解析‘组合模式’（Composition Over Inheritance）：为什么在 JS 中 Mixins 优于 Class 继承？”

发布于

CSS `CSS Cascading and Inheritance Level 6` 新级联层提案细节

各位靓仔靓女，前端er们，大家好！我是你们的老朋友，今天咱们来聊聊CSS界的“新贵”—— CSS Cascading and Inheritance Level 6 的新级联层提案。 别看名字长，其实核心就是让CSS的层叠规则变得更加清晰、可控，解决我们长期以来被CSS优先级搞得头大的问题。 准备好了吗？咱们开始今天的“CSS解密之旅”！ 第一站：回顾CSS层叠与优先级的老朋友 在深入了解新提案之前，咱们先回顾一下CSS的层叠和优先级。这就像武侠小说里的内功心法，基础扎实了，才能更好地理解新招式。 CSS的层叠（Cascading）是指浏览器如何合并来自不同来源的样式规则，最终确定元素应该应用哪些样式。而优先级（Specificity）则是决定了在多个规则冲突时，哪个规则胜出的“战斗力”。 影响CSS优先级的因素主要有： 来源（Origin）: 不同来源的样式，比如浏览器的默认样式、用户自定义样式、作者样式（我们写的CSS）。 选择器优先级（Specificity）: 选择器越具体，优先级越高。 顺序（Order）: 在样式表中出现的顺序，后面的样式会覆盖前面的样式。 !importa …

继续阅读“CSS `CSS Cascading and Inheritance Level 6` 新级联层提案细节”

发布于

Java 的组合（Composition）优于继承（Inheritance）：设计原则的实践

Java组合优于继承：告别“脆弱的基类”，拥抱灵活的“乐高积木” 各位老铁，程序员的世界，技术迭代那叫一个快，今天流行这个框架，明天又冒出那个语言。但有些亘古不变的真理，就像代码里的注释，虽然容易被忽略，但关键时刻能救你一命。今天咱们就来聊聊Java设计原则里一个非常重要，但又经常被新手朋友们忽视的议题：组合优于继承。 标题都说了，组合更牛，那继承岂不是要被扫进历史的垃圾堆了？别紧张，继承就像老家的老房子，虽然住了几十年，充满回忆，但有时候修修补补比推倒重建还麻烦。组合呢，更像是乐高积木，灵活多变，想搭啥就搭啥，出了问题拆了重来也简单。 继承：爱恨交织的“父子关系” 继承，面向对象编程的三大特性之一（封装、继承、多态），曾经是程序员们手中的利剑。它允许我们创建一个新的类（子类）来继承已有类（父类）的属性和行为，从而实现代码的重用和扩展。 想象一下，你是一位动物园园长，要管理各种动物。你先创建了一个 Animal 基类： class Animal { protected String name; protected int age; public Animal(String name, …

继续阅读“Java 的组合（Composition）优于继承（Inheritance）：设计原则的实践”

发布于

原型继承（Prototypal Inheritance）的实现与优势

好嘞！各位观众老爷们，欢迎来到今天的“原型继承脱口秀”！我是你们的老朋友，人称“代码界的段子手”的程序猿阿甘，今天咱要聊聊JavaScript里一个既神秘又好用的东西——原型继承。 别听到“继承”俩字就觉得枯燥，今天阿甘保证，咱把这概念嚼碎了，揉烂了，再用幽默风趣的语言给您喂下去，保证您听完之后，不仅能理解原型继承，还能用它写出更漂亮、更高效的代码！ 开场白：话说，这原型继承是个啥玩意儿？ 各位想想，咱们人类是怎么一代一代传下来的？爹妈生孩子，孩子继承爹妈的基因，有些像爹，有些像妈。这原型继承，就好比是JavaScript里的“基因传递”。只不过，传递的是属性和方法，而不是身高和长相。 更通俗点说，原型继承就是让一个对象（孩子）能够使用另一个对象（爹妈）的属性和方法。这“爹妈”对象，我们称之为“原型对象（prototype object）”。 第一幕：揭开原型链的神秘面纱 要理解原型继承，就必须先搞清楚一个概念——原型链（prototype chain）。这原型链，就像一条蜿蜒曲折的小路，连接着一个个对象，最终指向一个共同的“祖先”。 咱们先来看看JavaScript里每个对象自带的几 …

继续阅读“原型继承（Prototypal Inheritance）的实现与优势”