TypeScript转译至无类JavaScript，为何支持静态方法？

首先纠正你几个核心误解：JavaScript从ES6（ECMAScript 2015）开始已经支持class语法，只是它本质是原型继承的语法糖，和Java/C#这类传统面向对象语言的类实现逻辑不同；另外，用new关键字时并不是“复制内存内容”，而是创建新对象并关联原型链。

1. JavaScript中静态方法的本质 #

在JS里，函数本身就是对象——你可以给函数直接添加属性和方法。所谓的“静态方法”，其实就是挂载在构造函数（或者ES6 class对应的构造函数）上的函数，和实例没有绑定关系。

比如你用TypeScript写的静态方法：

class Person {
  static greet() {
    console.log("Hello from static method!");
  }

  constructor(public name: string) {}
}

Person.greet(); // 调用静态方法

转译后的ES5 JavaScript代码大概是这样：

function Person(name) {
  this.name = name;
}

// 静态方法直接挂载在构造函数Person上
Person.greet = function() {
  console.log("Hello from static method!");
};

Person.greet();

你看，转译后根本没有什么特殊的“静态”语法，就是给构造函数对象加了一个普通方法而已。

2. 你对JavaScript的误解修正 #

• 关于“JS无类”：ES6引入的class是语法糖，底层还是基于原型链，但它提供了和传统类相似的写法。比如class Person本质上是创建了一个名为Person的构造函数，同时给它的prototype对象添加实例方法。
• 关于new的作用：当你执行new Person("Alice")时，JS会做这些事：
  1. 创建一个全新的空对象
  2. 把这个空对象的__proto__属性指向Person.prototype
  3. 调用Person构造函数，把this绑定到这个新对象上，执行初始化逻辑
  4. 返回这个新对象
     全程没有“复制内存内容”，而是通过原型链实现实例对构造函数原型属性的共享。

3. TypeScript静态方法的意义 #

TypeScript的static关键字主要是类型层面的约束：

• 它会在编译时检查你是否通过类名（而非实例）调用静态方法，避免错误调用
• 转译后完全变成JS里挂载在构造函数上的普通方法，和手动给构造函数加方法没有区别

你的错误点总结 #

1. 错误认为JavaScript不支持类：ES6+已经支持class语法，只是底层是原型实现
2. 错误理解new的工作机制：不是复制内存内容，而是创建新对象并关联原型链
3. 误解JS中没有“类蓝图”：构造函数及其prototype对象就承担了类似蓝图的角色，静态方法直接属于构造函数本身

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