new.target 用于在父类构造函数中建立可信上下文断言，防止误调用、确保派生类实现契约、动态适配多框架，并兼容构建工具链。
在多框架混合项目（比如 Vue + React 组件共存、或 Web Components 与类库基类混用）中，直接继承第三方基类常因调用方式不一致、构造上下文丢失、或压缩混淆导致 this 错乱、抽象方法未实现、甚至静默失败。用 new.target 不是为“绕过限制”，而是**在父类构造入口建立可信的上下文断言**，让派生行为可预期、可调试、可收敛。
防止第三方基类被误当普通函数调用
很多第三方类（如旧版 Lodash 的 _.template 工具类、某些 UI 库的 BaseComponent）未做 new 防护。你在 Vue 的 setup() 或 React 的 useEffect 中若漏写 new，就会污染全局或返回 undefined。
- 在你封装的中间基类中检查
!new.target，立刻抛出带框架上下文的错误，例如："MyPluginBase must be instantiated with 'new' — did you forget it in Vue's setup()?" - 不依赖
instanceof或this.constructor，因为这些在 Proxy 包裹、装饰器注入或 SSR 环境下可能不可靠 - 该检查放在构造函数第一行，确保任何子类
super()前就拦截
识别真实派生者，避免跨框架构造链断裂
当一个类同时被 Vue 的 defineCustomElement、React 的 forwardRef 工厂、或 Webpack 的 require.context 动态加载时，super() 调用链中的 this.constructor 可能被重写，但 new.target 始终指向最外层 new Xxx() 的那个类名。
- 利用
new.target.name记录日志，例如：console.debug(`[Plugin] initialized as ${new.target.name} in ${import.meta.env.MODE}`) - 根据
new.target名称动态加载对应框架适配逻辑：比如new.target.name.endsWith('Vue')则自动挂载onMounted钩子；new.target.name.includes('React')则跳过生命周期代理 - 避免用字符串硬匹配，可约定命名规范（如
ModalPluginVue/ModalPluginReact），保持可维护性
强制子类声明框架专属契约，而非仅靠文档约定
第三方基类往往只提供骨架，却没约束子类必须实现 mount()、unmount() 或 renderToRoot()。靠 TypeScript 接口无法阻止运行时遗漏。
- 在基类构造中，若
new.target !== BaseClass，则检查new.target.prototype.mount是否为函数，否则报错：`${new.target.name} must implement mount()` - 支持静态契约：允许子类定义
static framework = 'vue3'，基类据此启用对应插件桥接逻辑（如自动注册app.use()） - 对 Web Components 场景，可进一步检查
new.target extends HTMLElement是否成立，不成立则提示需用customElements.define()
兼容老旧环境与构建工具链
有些混合项目仍需支持 Webpack 4 + Babel 7（ES5 输出），而 new.target 在严格模式下 ES5 环境可用，但需注意边界。
- 确保 Babel preset 不移除
new.target（@babel/preset-env默认保留） - 避免在箭头函数中访问
new.target——它会沿作用域链向上找，通常为undefined；所有校验逻辑必须放在普通方法或构造函数体内 - 若需兼容极老运行时（如 IE11），可用降级方案：
function isConstructed() { return this instanceof arguments.callee; }，但仅作 fallback，主逻辑仍以new.target为准
