使用对象或对象属性作为函数参数

在 javascript 中定义函数时，可以使用对象或对象的属性作为参数。尽管最终都要使用属性在函数内进行操作，但建议使用对象属性作为参数。

对比以下两种不同的方式：

使用对象作为参数：

立即学习“Java免费学习笔记（深入）”；

drawline(p1: point, p2: point) {
  // 需要先获得point的属性
  const {x1, y1} = p1
  const {x2, y2} = p2
}

使用对象属性作为参数：

Scrapfly SDK TypeScript

使用 Scrapfly SDK（scrapfly-sdk）在 TypeScript 或 JavaScript 中进行网页抓取，用于用户请求抓取 URL、绕过反爬虫防护、渲染页面等场景。

下载

drawline([x1, y1], [x2, y2]) {
  // 直接传递使用point的属性x,y
}

推荐使用对象属性

对于 javascript 来说，这两种方式都可以正常工作，因为 javascript 不会控制类型。但对于 typescript 来说，建议使用对象属性作为参数。

使用对象属性作为参数，提供了更明确的语义，这样编译器就知道函数将处理 point 对象的哪些属性。例如，可以使用以下接口定义一个 point 对象：

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

然后，可以将该接口用于函数的参数：

drawLine(p1: Point, p2: Point) {
  console.log(`The distance between the points is: ${Math.sqrt((p1.x - p2.x)**2 + (p1.y - p2.y)**2)}`);
}

这种方法提供了更好的类型安全性，并使代码更易于理解。