根据 TypeScript 接口创建对象：完整指南及示例

如何在 TypeScript 中基于接口创建对象：带代码的完整解释

您是否曾经遇到过这样的情况：TypeScript 因为您试图创建一个不符合接口的对象而对您“大喊大叫”？熟悉吗？如果您使用 TypeScript 至少一周，那么您肯定见过这个错误：

类型 '{}' 缺少类型 'User' 中的以下属性：name, age

这是 Stack Overflow 上最流行的问题之一（数万次浏览），今天我们将一劳永逸地解决它。在本文中，您将了解如何在 TypeScript 中基于接口创建对象，有哪些方法以及何时使用哪种方法。

为什么这个主题如此重要？

TypeScript 是 JavaScript 的超集，它添加了静态类型。TypeScript 接口是描述对象结构的强大工具。但初学者经常感到困惑：“我声明了接口，但现在如何创建实际对象？”

如果不正确理解这种机制，您将花费数小时进行调试，或者更糟的是，使用 any——这将直接导致失去 TypeScript 的所有优势。

方法 1：直接赋值（最简单）

最明显的根据 TypeScript 接口创建对象的方法——只需将对象字面量赋值给具有接口类型的变量：

interface User {  name: string;  age: number;  email?: string; // 可选字段}

// ✅ 正确：对象完全符合接口const user: User = {  name: "安娜",  age: 28,  email: "anna@example.com"};

// ✅ 也正确：可选字段可以省略const userMinimal: User = {  name: "伊万",  age: 35};

这有效，但有一个细微差别：TypeScript 会检查对象是否包含所有必需字段。如果您忘记了 name 或 age，编译器将报错。

❌ 初学者的典型错误

// ❌ 错误！缺少必需字段 'age'const badUser: User = {  name: "彼得"};

方法 2：使用 as 运算符（类型断言）

有时您需要逐步创建对象，例如，从不同来源填充它。在这种情况下，可以使用 as 运算符：

interface Config {  apiUrl: string;  timeout: number;  retries: number;}

// 使用类型断言创建空对象const config = {} as Config;

// 现在可以逐个添加字段config.apiUrl = "https://api.example.com";config.timeout = 5000;config.retries = 3;

// ✅ 有效，但请小心！

⚠️ 警告： 此方法在创建对象时禁用了类型检查。您可能会意外遗漏必需字段，并且只在运行时才发现。只有在您确信所有字段都将被填充时才使用 as。

方法 3：工厂函数（推荐）

在 TypeScript 中基于接口创建对象的最佳方法是编写一个工厂函数。这提供了 100% 的类型安全，并且能够设置默认值：

interface Product {  id: number;  title: string;  price: number;  inStock: boolean;  description?: string;}

// 带有默认参数的工厂函数function createProduct(  id: number,  title: string,  price: number,  inStock: boolean = true,  description?: string): Product {  return {    id,    title,    price,    inStock,    ...(description && { description })  };}

// 使用const laptop = createProduct(1, "笔记本电脑", 999.99);const phone = createProduct(2, "智能手机", 599.99, false, "很棒的手机");

console.log(laptop); // { id: 1, title: '笔记本电脑', price: 999.99, inStock: true }console.log(phone)