360 Secure SkillHub
360 安全技能中心

Refactoring Inheritance

面向 JS/TS/React/Vue 的继承类重构技能,在保持行为不变下处理遗留 OO 继承层次:子类职责、父类提取/折叠与委托。内置11种经典技法,含意图、信号、禁用条件、步骤与保持性检查点及框架适配。适用于遗留代码结构治理、继承拆分或合并。输入为待重构代码与所选技法,输出最小改动及验证结果,需控制diff预算并逐步验证。

bovinphang
bovinphang
热度 7.62
最近更新 2026-09-27 11:37:20
分类:开发依赖:纯提示词应用场景:代码生成

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add fec-refactoring-inheritance
Metadata
name
fec-refactoring-inheritance
description
Use when behavior-preserving frontend refactoring focuses on legacy OO hierarchies, subtype responsibilities, superclass extraction/collapse, or delegation, and the selected technique needs family-specific mechanics, risks, and JavaScript/TypeScript/React/Vue adaptation.

Inheritance Refactorings

Overview

Use this family after evidence identifies a fitting structural transformation. Apply one primary technique at a time and verify immediately.

Procedure

  1. Confirm the selected technique and its preconditions in Inheritance Refactorings.
  2. Record affected behavior and a diff budget.
  3. Apply only the selected technique's smallest viable step.
  4. Verify the step before composing another transformation.
  5. Stop and reassess when public contracts, lifecycle, state identity, or actual scope exceed expectations.

Quick Reference

The family reference contains 11 canonical techniques with intent, signals, avoid conditions, mechanics, preservation checkpoints, smell links, composition hints, JavaScript/TypeScript notes, React/Vue notes, adaptation guidance, and original frontend examples.

Common Mistakes

  • Choosing a technique by name without checking its preconditions.
  • Combining several structural intentions in one diff.
  • Assuming a classical class-based form is mandatory in modern frontend code.
  • Treating passing tests as proof when the relevant behavior is not covered.