JavaScript 中怎么在构造函数中避免忘记写 new 关键字导致报错-js教程-PHP中文网

javascript构造函数防误调用有三种核心方法：一是检查this是否为实例并自动补new；二是使用new.target判断并报错或重调；三是改用class语法强制new调用。

javascript 中怎么在构造函数中避免忘记写 new 关键字导致报错

在 JavaScript 中，如果构造函数被直接调用（没加 new），this 会指向全局对象（浏览器中是 window，Node.js 中是 global），容易污染全局、返回 undefined，甚至引发难以排查的 bug。避免这个问题，核心思路是：让函数**自己识别是否被正确调用**，并主动纠正或报错。

检查 this 是否为当前构造函数的实例

这是最常用、最直接的方式。在构造函数开头判断 this 是否是该函数的实例，如果不是，就手动用 new 调用它并返回结果：

JavaStoryDevelop

你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在

下载

function Person(name) {
  if (!(this instanceof Person)) {
    return new Person(name);
  }
  this.name = name;
}

// 两种调用都安全
const a = Person('Alice'); // 自动补 new，返回 Person 实例
const b = new Person('Bob'); // 正常调用
console.log(a.name, b.name); // 'Alice' 'Bob'

使用 new.target（ES6+ 推荐）

new.target 是 ES6 引入的元属性，当函数通过 new 调用时，它指向构造函数；否则为 undefined。更语义化、更可靠（不受 call/apply 干扰）：

function Person(name) {
  if (!new.target) {
    throw new Error('Person must be called with new');
    // 或：return new Person(name);
  }
  this.name = name;
}

改用类（class）语法（现代项目首选）

ES6 的 class 构造器**强制要求使用 new**，直接调用会抛出 TypeError，从语言层面杜绝忘记 new：

class Person {
  constructor(name) {
    this.name = name;
  }
}

Person('Alice'); // TypeError: Class constructor Person cannot be invoked without 'new'
new Person('Alice'); // ✅ 正确

额外建议：开发阶段启用严格模式 + 工具辅助

在构造函数顶部加 'use strict'; —— 这样即使忘了 new，this 也会是 undefined（而非全局对象），更容易暴露问题；
用 ESLint 配合插件（如 eslint-plugin-unicorn）开启 no-new-without-parentheses 或自定义规则，静态检测潜在误用；
单元测试中故意不写 new 调用，验证防御逻辑是否生效。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南