TypeScript中如何为现有字典添加新键值对？解决属性不存在报错

针对你遇到的'token'不存在于mp类型中的报错，有几种实用的解决方式：

方法一：定义明确的接口（推荐） #

先给mp对象声明一个包含可选token属性的接口，让TypeScript明确对象的结构：

interface MP {
  transaction_amount: number;
  description: string;
  payment_method_id: string;
  token?: string; // 用?标记为可选属性
}

let mp: MP = {
  transaction_amount: Number(data.amount_total),
  description: 'signature',
  payment_method_id: paymentType,
};

if (paymentType !== 'credit_card') {
  mp.token = data.token;
}

这种方式最规范，适合需要长期维护的项目，能清晰约束对象的类型结构。

方法二：初始化时显式声明token为undefined #

在创建mp对象时就加上token属性并赋值为undefined，让TypeScript自动推断出该属性是可选的：

let mp = {
  transaction_amount: Number(data.amount_total),
  description: 'signature',
  payment_method_id: paymentType,
  token: undefined, // 显式初始化token
};

if (paymentType !== 'credit_card') {
  mp.token = data.token;
}

这种方式简单直接，不需要额外定义接口，适合快速解决问题的场景。

方法三：使用类型断言（谨慎使用） #

如果只是临时需要跳过类型检查，可以用类型断言强制告诉TypeScript对象包含token属性：

let mp = {
  transaction_amount: Number(data.amount_total),
  description: 'signature',
  payment_method_id: paymentType,
};

if (paymentType !== 'credit_card') {
  (mp as { token?: string }).token = data.token;
}

注意：这种方式会绕过TypeScript的类型校验，可能隐藏潜在的类型问题，除非你确定data.token的类型完全符合预期，否则不建议频繁使用。

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