函数参数：传递对象还是属性？最佳实践分析

编写函数时，参数传递方式的选择至关重要。当数据包含多个属性时，是传递整个对象还是只传递对象的特定属性？本文将探讨这两种方法的优劣，并结合代码示例进行比较。

我们以 drawLine 函数为例，它需要两个点坐标作为参数。 两种实现方式如下：

方法一：传递对象

interface Point { x: number; y: number; }

function drawLine(p1: Point, p2: Point): void {
  const { x: x1, y: y1 } = p1;
  const { x: x2, y: y2 } = p2;
  // 使用 x1, y1, x2, y2 绘制直线
}

此方法使用 Point 接口定义点的结构，提高了代码的可读性和可维护性。TypeScript 的类型检查确保参数的正确性。解构赋值简化了属性访问。

TypeScript

{"answer":"编写类型安全的 TypeScript，合理运用类型收窄、推断模式与严格模式最佳实践。"}

下载

方法二：传递属性

function drawLine(x1: number, y1: number, x2: number, y2: number): void {
  // 使用 x1, y1, x2, y2 绘制直线
}

此方法直接传递坐标值，代码简洁。然而，它缺乏类型信息，可读性较差，容易出错。在 JavaScript 中，这种方式可行，但在 TypeScript 中，失去了类型检查的优势。

总结：

总而言之，使用对象作为函数参数（方法一），尤其是在 TypeScript 中结合接口定义，能显著提升代码的可读性、可维护性和类型安全性。虽然 JavaScript 中两种方法都能实现功能，但从长远来看，清晰的语义和类型检查对项目稳定性和开发效率至关重要。因此，推荐使用对象传递的方式。