TypeScript 如何使用 console.log 打印 TypeScript 类型

在本文中，我们将介绍在 TypeScript 中如何使用 console.log 来打印 TypeScript 的类型。

简介

TypeScript 是一种静态类型的编程语言，它是 JavaScript 的一个超集，可以为 JavaScript 提供更好的开发工具支持和类型检查。在 TypeScript 中，我们可以使用 console.log 来输出变量的值和类型，以便在开发过程中进行调试和验证。

打印基本类型

首先，我们来看一下如何使用 console.log 打印 TypeScript 的基本类型。

let str: string = "Hello, TypeScript";
console.log(str); // 输出：Hello, TypeScript

let num: number = 123;
console.log(num); // 输出：123

let bool: boolean = true;
console.log(bool); // 输出：true

let arr: number[] = [1, 2, 3];
console.log(arr); // 输出：[1, 2, 3]

let obj: { name: string, age: number } = { name: "Tom", age: 18 };
console.log(obj); // 输出：{ name: "Tom", age: 18 }

在上面的示例中，我们定义了不同类型的变量，并使用 console.log 打印出它们的值。可以注意到，打印基本类型时，输出结果即为变量的值。

打印复杂类型

除了基本类型，TypeScript 还支持复杂类型，如对象、数组和函数等。我们来看一下如何使用 console.log 打印这些复杂类型。

class Person {
  name: string;
  age: number;
}

let person: Person = new Person();
person.name = "Tom";
person.age = 18;
console.log(person); // 输出：Person { name: 'Tom', age: 18 }

let func: (a: number, b: number) => number = (a, b) => a + b;
console.log(func); // 输出：(a: number, b: number) => number

在上面的示例中，我们定义了一个 Person 类和一个接收两个参数并返回一个数值的函数。使用 console.log 打印对象时，输出结果会显示对象的属性及其对应的值。而打印函数时，输出结果会显示函数的类型。

打印类型注解

在 TypeScript 中，我们可以使用类型注解来明确变量的类型。使用 console.log 打印带有类型注解的变量时，输出结果会显示该变量的类型。

let str: string = "Hello, TypeScript";
console.log(str: string); // 输出：Hello, TypeScript

let num: number = 123;
console.log(num: number); // 输出：123

let bool: boolean = true;
console.log(bool: boolean); // 输出：true

let arr: number[] = [1, 2, 3];
console.log(arr: number[]); // 输出：[1, 2, 3]

let obj: { name: string, age: number } = { name: "Tom", age: 18 };
console.log(obj: { name: string, age: number }); // 输出：{ name: "Tom", age: 18 }

在上面的示例中，我们在 console.log 函数中使用了类型注解，输出结果会显示变量的类型与值。

打印类型推断

TypeScript 还支持类型推断，即根据变量的初始值或上下文推断变量的类型。我们来看一下如何使用 console.log 打印具有类型推断的变量时的输出结果。

let str = "Hello, TypeScript";
console.log(str); // 输出：Hello, TypeScript

let num = 123;
console.log(num); // 输出：123

let bool = true;
console.log(bool); // 输出：true

let arr = [1, 2, 3];
console.log(arr); // 输出：[1, 2, 3]

let obj = { name: "Tom", age: 18 };
console.log(obj); // 输出：{ name: "Tom", age: 18 }

在上面的示例中，我们没有使用类型注解，而是根据变量的初始值进行了类型推断。使用 console.log 打印具有类型推断的变量时，输出结果与打印基本类型时的结果相同。