箭头函数、类方法与bind：内存占用及性能差异咨询

内存占用区别 #

• sum1（原型方法）：这是挂在Test类原型上的方法，所有Test实例共享同一个函数引用，内存里仅存一份。不管创建多少个实例，sum1都不会额外占用内存。
• sum2（实例箭头函数）：在构造函数中赋值给实例属性，每个Test实例都会生成一个独立的箭头函数副本。创建的实例越多，内存占用越高，每个实例都会单独持有这个函数的引用。

性能差异 #

• 直接调用的性能：sum1是直接访问原型上的函数，没有额外包装，性能略优；sum2是调用实例自身的函数，虽然也是直接调用，但因为每个实例都有独立副本，在大量实例场景下，垃圾回收的压力会比sum1大一些。
• bind带来的性能损耗：如果对sum1使用bind（比如this.sum1.bind(this)），会生成新的包装函数，既额外占用内存，调用时还多了一层函数跳转，性能比直接调用sum1或sum2都差。而sum2本身是箭头函数，已经绑定了构造时的this，不需要再用bind，也就没有这层额外开销。

学习资源推荐 #

• 官方资料：
  • ECMAScript官方规范中关于箭头函数、Function.prototype.bind的章节，能搞懂语法本质与内存模型
  • TypeScript官方手册中类成员、箭头函数属性的说明，贴合TS开发场景
• 技术书籍：
  • 《你不知道的JavaScript（上卷）》：深入讲解函数绑定、this指向、原型链与内存管理
  • 《TypeScript实战》：结合实际场景讲解类成员不同写法的性能考量
• 实战教程：
  • 专注JS/TS性能优化的专栏内容，重点关注内存泄漏、函数复用的实操技巧
  • 讲解JS原型链与实例内存结构的教程，理解原型方法与实例属性的内存分配逻辑

内容的提问来源于stack exchange，提问作者Vladimir