javascript和typescript

// JavaScript 示例代码

// 定义一个简单的函数来计算两个数的和
function add(a, b) {
    return a + b;
}

// 调用函数并打印结果
console.log(add(2, 3)); // 输出: 5

// TypeScript 示例代码

// 定义一个带有类型注解的函数来计算两个数的和
function add(a: number, b: number): number {
    return a + b;
}

// 调用函数并打印结果
console.log(add(2, 3)); // 输出: 5

// 定义一个接口来描述用户对象
interface User {
    name: string;
    age: number;
}

// 创建一个符合接口定义的对象
const user: User = {
    name: "Alice",
    age: 25
};

// 打印用户信息
console.log(user); // 输出: { name: 'Alice', age: 25 }

解释说明

1. JavaScript 示例代码:

   • add 函数接受两个参数 a 和 b，并返回它们的和。
   • 使用 console.log 打印调用 add 函数的结果。

2. TypeScript 示例代码:

   • add 函数使用了类型注解，确保传入的参数是 number 类型，并且返回值也是 number 类型。
   • 定义了一个 User 接口，描述了用户对象的结构（包含 name 和 age 属性）。
   • 创建了一个符合 User 接口的对象 user，并打印其内容。

通过对比可以看出，TypeScript 在 JavaScript 的基础上增加了静态类型检查，有助于提高代码的可读性和维护性。