编写代码的时候就能知道潜在问题

function demo(data) {
  return Math.sqrt(data.x ** 2 + data.y ** 2)
}
demo();// 运行时会报错，没有data

function tsDemo(data: {x: number, y: number}) {
  return Math.sqrt(data.x ** 2 + data.y ** 2);
}

tsDemo(); // 编写时就会提示错误

代码提示更加友好

JS 在编写的时候，没有错误提示。

• TS 在编写的时候，有错误提示。

• TS 下，编辑器有更好的代码提示。

• TS 下，通过静态类型的定义，能够更好的阅读代码

通过静态类型的定义，可以更好的阅读函数

//type Point = { x: number, y: number }
interface Point { x: number, y: number }

function tsDemo(data: Point) {
  return Math.sqrt(data.x ** 2 + data.y ** 2);
}

tsDemo({ x: 1, y: 2 });

总结 TS 比 JS 的优势

1. TS 在编写的时候，有错误提示
2. 编辑器的语法提示更加友好
3. 提升代码可读性