【TypeScript】初识TypeScript和变量类型介绍
warning:
这篇文章距离上次修改已过201天,其中的内容可能已经有所变动。
// 定义一个变量name,它的类型是string
let name: string = 'John Doe';
// 修改变量name的值为数字,会报错
// name = 123;
// 修改变量name的值为字符串,正确
name = 'Jane Doe';
// 定义一个可选变量age,类型是number,可以包含undefined
let age: number | undefined = undefined;
// 定义一个变量job,它的类型是string或者undefined
let job: string | undefined;
// 定义一个可选属性的对象
type Person = {
name: string;
age?: number;
};
// 使用接口(interface)定义对象的类型
interface Employee {
name: string;
job: string;
}
// 使用接口创建一个Employee对象
let employee: Employee = {
name: 'Jim Beam',
job: 'Developer'
};
// 定义一个函数,接收两个string类型的参数,并返回它们的连接结果
function greet(firstName: string, lastName: string): string {
return firstName + ' ' + lastName;
}
// 调用函数并打印结果
console.log(greet('Hello', 'World'));
// 定义一个泛型函数,可以操作不同类型的数组
function reverse<T>(arr: Array<T>): Array<T> {
return arr.reverse();
}
// 使用泛型函数
let numbers = [1, 2, 3, 4, 5];
let strings = ['Hello', 'World'];
console.log(reverse(numbers)); // 输出: [5, 4, 3, 2, 1]
console.log(reverse(strings)); // 输出: ['World', 'Hello']
这段代码展示了如何在TypeScript中定义变量、使用类型注解、处理可选类型、创建对象类型和接口、定义函数、使用泛型以及打印输出结果。这些基本概念是学习TypeScript的基础。
评论已关闭