构造函数内定义方法会增加内存占用，因为每次创建实例都会生成独立的函数对象，无法共享；而原型方法所有实例共用同一函数引用，显著节省内存。
在构造函数内部定义方法，每次创建实例都会生成一份新函数，造成不必要的内存开销。
为什么构造函数内定义方法会增加内存占用
每当用 new 调用构造函数时，函数体内的方法声明（如 this.sayName = function() { ... }）都会重新创建一个函数对象。这个函数虽然逻辑相同，但每次都是独立的引用，无法被多个实例共享。
- 每个实例都持有一份该方法的副本，函数对象本身也占用堆内存
- V8 等引擎虽可能对相同字面量函数做一定优化（如
function(){}常量折叠），但带闭包、访问局部变量或this绑定差异时，基本无法复用 - 大量实例（如渲染成百个列表项）会导致函数对象数量线性增长，GC 压力上升
对比：原型方法如何节省内存
将方法挂载到构造函数的 prototype 上，所有实例共享同一个函数引用：
function Person(name) {
this.name = name;
}
Person.prototype.sayName = function() {
console.log(this.name);
};
此时无论创建 10 个还是 1000 个 Person 实例，sayName 函数对象只存在一份，实例仅通过隐式原型链访问它。
立即学习“Java免费学习笔记（深入）”；
什么情况下可以在构造函数内定义方法
并非绝对禁止，关键看是否需要“独有行为”或“捕获私有状态”：
- 需要闭包访问构造函数内的局部变量（如缓存、计数器）
- 需为每个实例定制不同逻辑（如传入回调并绑定上下文）
- 使用箭头函数保持外层
this，且该this是实例独有的上下文
例如：this.handleClick = () => this.setState({ clicked: true }); 在类组件中常见，本质是为每个实例绑定专属回调。
现代替代方案：类字段 + 箭头函数的注意事项
TypeScript 或 Babel 编译下的类字段写法（handleClick = () => {...}）本质上仍是构造函数内赋值，同样产生每个实例一份函数对象：
class Button {
handleClick = () => {
console.log('clicked');
};
}
这和 this.handleClick = function() {...} 内存表现一致。若无需闭包，应优先用原型方法或显式绑定（onClick={this.handleClick.bind(this)} 或事件委托）。
性能敏感场景下，优先把通用方法放在原型上；需要私有状态或动态行为时，再考虑构造函数内定义，并清楚其代价。
