面试题：TypeScript 函数参数默认值在框架设计中的应用及优化

// 创建弹窗函数
function createPopup(
  title: string,
  content: string,
  width: string = '300px',
  height: string = '200px',
  draggable: boolean = true,
  onClose: () => void = () => {}
): void {
  // 弹窗创建逻辑，这里仅为示例，实际应创建并显示弹窗
  console.log(`标题: ${title}`);
  console.log(`内容: ${content}`);
  console.log(`宽度: ${width}`);
  console.log(`高度: ${height}`);
  console.log(`是否可拖拽: ${draggable}`);
  // 模拟关闭弹窗
  const closePopup = () => {
    onClose();
  };
  console.log('关闭弹窗回调执行');
}

利用函数参数默认值提高框架的易用性和可维护性

易用性：
- 对于大多数常见的弹窗场景，开发人员无需每次都传入所有参数。例如，如果希望创建一个默认大小、可拖拽且不需要特定关闭回调的弹窗，只需传入标题和内容即可。这样减少了开发人员的代码编写量，提高了开发效率。
- 降低了学习成本，新接触该框架的开发人员可以更快速上手，因为他们不需要一开始就了解所有参数的细节，只需要关注核心的标题和内容，其他参数使用默认值即可满足基本需求。
可维护性：
- 如果需要修改默认的弹窗样式或行为（如默认宽度、高度、是否可拖拽等），只需要在函数定义处修改默认值，所有使用该默认值的调用处都会自动应用新的默认设置，无需逐个修改调用代码。这样保证了代码的一致性，降低了维护的复杂度。

在框架大规模应用时对默认值进行优化以提升性能和灵活性

性能优化：
- 延迟加载：对于一些比较复杂或资源占用大的默认设置（例如，默认的弹窗样式可能包含一些复杂的动画效果），可以考虑延迟加载。即当真正需要使用这些默认设置时再进行加载，而不是在框架初始化时就全部加载。例如，可以将默认的复杂样式定义放在一个单独的文件中，在首次调用 createPopup 函数且使用默认样式时，动态加载该文件。
- 缓存默认值：对于一些不会经常改变的默认值（如默认的宽度和高度），可以进行缓存。在框架启动时计算一次默认值并缓存起来，后续调用 createPopup 函数时直接从缓存中获取，避免重复计算。
灵活性提升：
- 配置文件：将默认值提取到一个配置文件中（如 JSON 或 YAML 文件）。这样在框架大规模应用时，可以根据不同的应用场景或用户需求，通过修改配置文件来调整默认值，而无需修改框架代码。例如，对于某些特定的业务场景，可能需要将默认弹窗宽度设置为 400px，通过修改配置文件即可轻松实现。
- 回调函数工厂：对于默认的关闭回调函数 onClose，可以使用回调函数工厂来生成不同的默认回调。例如，创建一个 createDefaultOnClose 函数，根据应用的状态或用户配置返回不同的默认关闭回调逻辑。这样可以在不修改调用 createPopup 函数的代码的情况下，灵活调整默认的关闭行为。

星途面试题库

面试题：TypeScript 函数参数默认值在框架设计中的应用及优化

知识考点

面试题答案

利用函数参数默认值提高框架的易用性和可维护性

在框架大规模应用时对默认值进行优化以提升性能和灵活性