面试题：TypeScript相比JavaScript在类型系统方面的优势

增强代码的可读性和可维护性：TypeScript通过静态类型标注，让开发者能直观地了解变量、函数参数和返回值的类型，降低理解代码的成本。在大型项目中，团队成员更替频繁，清晰的类型定义有助于新成员快速上手。
早期发现错误：在编译阶段就能检测出类型不匹配等错误，而JavaScript往往要在运行时才能发现这类问题。这大大减少了线上问题的出现，提高了代码的稳定性。
更好的代码智能提示：编辑器能根据TypeScript的类型信息提供更准确的代码智能提示，提高开发效率。比如在VS Code中，输入对象的属性时，会根据类型定义展示可能的属性。

function add(a, b) {
    return a + b;
}
// 调用函数传入非数字类型，运行时才报错
add('1', 2);

- **TypeScript示例**：

function add(a: number, b: number): number {
    return a + b;
}
// 编译阶段就报错
add('1', 2);

- **优势体现**：TypeScript在编译时就能发现参数类型错误，避免运行时错误，提高代码质量。同时，明确的类型标注让调用者清楚函数的使用方式，增强可维护性。

2. 对象属性类型检查 - JavaScript示例：

const user = {name: 'John'};
// 访问不存在的属性，运行时才发现问题
console.log(user.age);

- **TypeScript示例**：

interface User {
    name: string;
}
const user: User = {name: 'John'};
// 编译阶段报错
console.log(user.age);

- **优势体现**：TypeScript通过接口定义对象的形状，确保对象属性的一致性。能在开发阶段就发现访问不存在属性的错误，提高代码的健壮性和可维护性。

星途面试题库