TypeScript基础知识：可选属性和默认值

????????在 TypeScript 中，可选属性和默认值是两个非常有用的特性，它们可以帮助我们更好地定义和使用对象的属性。本文将深入介绍 TypeScript 中的可选属性和默认值，并提供一些示例代码来说明它们的用法和优势。

一、可选属性

????????在某些情况下，我们希望对象的某些属性是可选的，即可以存在也可以不存在。这时，我们可以使用可选属性来定义这样的对象。在 TypeScript 中，我们使用???符号来表示一个属性是可选的。下面是一个简单的示例：

interface Person {
  name: string;
  age?: number;
}

function printPerson(person: Person) {
  console.log(`Name: ${person.name}`);
  if (person.age) {
    console.log(`Age: ${person.age}`);
  }
}

const person1: Person = { name: 'Alice' };
const person2: Person = { name: 'Bob', age: 30 };

printPerson(person1);
printPerson(person2);

在上面的代码中，我们定义了一个?Person?接口，其中?age?属性被标记为可选的。然后，我们定义了两个不同的?Person?对象：person1?只有?name?属性，而?person2?有?name?和?age?属性。最后，我们调用了?printPerson?函数来打印人物信息。当属性存在时，我们才会打印对应的值。可选属性使得对象的定义更加灵活，我们可以根据实际情况选择性地添加属性。

二、默认值

????????有时候，我们希望对象的某些属性在没有明确赋值时具有默认值。这时，我们可以使用默认值来定义这样的属性。在 TypeScript 中，我们可以在属性声明时为其赋予一个默认值。下面是一个示例：

interface Person {
  name: string;
  age: number;
  gender: 'male' | 'female';
  occupation?: string;
}

function printPerson(person: Person) {
  const { name, age, gender, occupation = 'unemployed' } = person;
  console.log(`Name: ${name}`);
  console.log(`Age: ${age}`);
  console.log(`Gender: ${gender}`);
  console.log(`Occupation: ${occupation}`);
}

const person1: Person = { name: 'Alice', age: 25, gender: 'female' };
const person2: Person = { name: 'Bob', age: 30, gender: 'male', occupation: 'developer' };

printPerson(person1);
printPerson(person2);

在上面的代码中，我们定义了一个?Person?接口，并为?occupation?属性设置了默认值?'unemployed'。然后，我们在?printPerson?函数中使用解构赋值来获取对象的属性，并打印它们的值。如果?occupation?属性不存在，则使用默认值?'unemployed'。默认值使得我们可以在对象创建时省略某些属性的赋值，并且能够保证这些属性具有合理的默认值。

总结

????????在本文中，我们深入介绍了 TypeScript 中的可选属性和默认值。可选属性使得对象的属性可以选择性地存在，从而增加了对象定义的灵活性。默认值允许我们为对象的属性设置一个默认值，以确保属性在没有明确赋值时具有合理的默认状态。这两个特性都在实际开发中非常有用，可以提高代码的可读性和易用性。