JS/TS是否存在类似Rust impl、Swift extension的特性，可为特定结构对象添加方法？

JS/TS 原生没有内置和 Rust impl、Swift extension 完全对等的语法特性，但可以通过符合最佳实践的方案实现完全相同的使用效果，满足「对象.方法()」的调用形式、扩展运算符拷贝后方法仍可用、不污染全局原型的要求。

核心需求说明 #

• 将全局函数调用userSetAge(user, x => x + 1)转换为成员方法调用user.setAge(x => x + 1)
• 使用扩展运算符{...obj}拷贝后的对象仍可正常调用扩展的方法
• 禁止污染全局原型

错误实现说明 #

直接在Object.prototype上挂载方法是典型的坏实践，会导致所有JS对象都继承该方法，极易和其他代码的同名属性/方法产生冲突，引发不可预期的运行时错误：

// ❌ 错误示例，禁止使用
Object.prototype.setAge = function(fn) {
  this.age = fn(this.age);
}
const eczn: User = { name: 'eczn', age: 17 };
({ ...eczn }).setAge(x => x + 1);

正确实现方案：工厂函数模式 #

这是最符合需求的轻量实现，将方法作为对象自身的可枚举属性挂载，扩展运算符拷贝时会自动复制方法，无需额外处理：

1. 定义类型与工厂函数 #

interface User {
  name: string;
  age: number;
  setAge: (fn: (age: number) => number) => User;
}

// 工厂函数：将原始用户数据包装为带扩展方法的User对象
function createUser(raw: Pick<User, 'name' | 'age'>): User {
  return {
    ...raw,
    // 方法直接挂载在对象自身，是可枚举属性
    setAge(fn) {
      this.age = fn(this.age);
      return this;
    }
  }
}

2. 基础使用验证 #

const eczn: User = createUser({ name: 'eczn', age: 17 });
// 扩展运算符拷贝后的对象自动携带setAge方法
({ ...eczn }).setAge(x => x + 1); // 正常运行

3. React 场景适配 #

import useSWR, { mutate } from 'swr';

function UserCard(props: { user: User }) {
  return (
    <div onClick={() => {
      mutate(
        `/api/user/${props.user.name}`,
        props.user.setAge(x => x + 1)
      );
    }}>
      Current Age: { props.user.age }
    </div>
  )
}

function App() {
  // 请求数据时直接用工厂函数包装返回结果
  const { data, loading } = useSWR<User>('/api/user/eczn', async (url) => {
    const res = await fetch(url);
    const rawData = await res.json();
    return createUser(rawData);
  })
  if (loading) return <div>loading ...</div>
  // 扩展传递的user对象自带setAge方法
  return <UserCard user={{ ...data }} />
}

其他可选方案说明 #

如果你的场景中对象数量很大，担心每个对象都挂载方法会占用额外内存，也可以结合TS的类型声明+自定义类原型扩展实现，但这种方案下扩展运算符拷贝后的普通对象会丢失方法，需要额外用类构造函数包装，适合不需要频繁拷贝对象的场景。

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