面试题-TS(二):如何定义 TypeScript 中的变量和函数类型?

面试题-TS(二):如何定义 TypeScript 中的变量和函数类型?

一、 变量类型的定义

在TypeScript中,我们可以使用冒号(:)来指定变量的类型。以下是一些常见的变量类型:

  1. 布尔类型(boolean):表示true或false的值。
let isDone: boolean = false;
  1. 数字类型(number):表示数字值。
let age: number = 25;
  1. 字符串类型(string):表示文本值。
let name: string = "John";
  1. 数组类型(array):表示一组具有相同类型的值。
let numbers: number[] = [1, 2, 3, 4, 5];
  1. 元组类型(tuple):表示一个固定长度的数组,其中每个元素可以有不同的类型。
let person: [string, number] = ["John", 25];
  1. 枚举类型(enum):表示一组命名的常量值。
enum Color {
  Red,
  Green,
  Blue,
}

let myColor: Color = Color.Blue;
  1. 任意类型(any):表示任何类型的值,相当于放宽了类型检查。
let data: any = "Hello, TypeScript!";
  1. 空类型(void):表示没有返回值的函数。
function greet(): void {
  console.log("Hello, TypeScript!");
}

以上是一些常见的变量类型。

二、 函数类型的定义

在TypeScript中,我们可以定义函数的输入参数类型和返回值类型。以下是一些常见的函数类型定义方式:

  1. 完整的函数类型定义:
function add(x: number, y: number): number {
  return x + y;
}
  1. 可选参数和默认参数:
function greet(name: string, age?: number = 25): void {
  console.log(`Hello, ${name}! You are ${age} years old.`);
}
  1. 剩余参数:
function sum(...numbers: number[]): number {
  return numbers.reduce((total, num) => total + num, 0);
}
  1. 函数类型和回调函数:
type MathOperation = (x: number, y: number) => number;

function calculate(x: number, y: number, operation: MathOperation): number {
  return operation(x, y);
}

通过定义函数的类型,我们可以更清晰地表达函数的意图和预期输入输出,提高代码的可读性和可维护性。

三、 类型推断和类型断言

在TypeScript中,如果没有明确指定变量的类型,编译器会根据变量的初始值进行类型推断。例如:

let message = "Hello, TypeScript!"; // 推断为string类型

此外,有时我们可能需要告诉编译器某个变量的具体类型,这就是类型断言。通过在变量后面使用尖括号或as关键字,我们可以进行类型断言。例如:

let data: any = "Hello, TypeScript!";
let length: number = (data as string).length;

类型推断和类型断言可以相互配合,帮助我们更好地处理类型的推导和控制。

你可能感兴趣的:(TS面试题,面试题,ts,typescript,javascript,前端)