TypeScript基础内容(一): 数据类型揭秘, TypeScript入门必看

前端

2023-10-14 00:56:34

作为一名初出茅庐的前端小白，在学习TypeScript的时候，我发现它和JavaScript有很多相似之处。比如，它们都有变量、数据类型、运算符、控制语句等。但是，TypeScript还有一些独特的特性，比如类型检查、接口、泛型等。

在TypeScript中，数据类型是用来定义变量或表达式的值的类型。TypeScript支持多种数据类型，包括基本类型和引用类型。

基本类型

基本类型是TypeScript中最简单的数据类型。基本类型包括数字、字符串、布尔值和空值。

数字：数字类型用于表示数值。数字类型可以是整数或小数。
字符串 ：字符串类型用于表示文本。字符串类型可以使用单引号或双引号来定义。
布尔值 ：布尔值类型用于表示真或假。布尔值类型可以使用true或false来定义。
空值：空值类型用于表示没有值。空值类型可以使用null或undefined来定义。

引用类型

引用类型是TypeScript中的一种复杂数据类型。引用类型包括数组、对象和函数。

数组：数组类型用于存储一组元素。数组中的元素可以是任意类型。
对象：对象类型用于存储一组键值对。对象中的键可以是字符串或符号，值可以是任意类型。
函数：函数类型用于定义一个函数。函数可以接收参数，并返回一个值。

TypeScript中的类型注释

TypeScript中的类型注释用于定义变量或表达式的值的类型。类型注释可以放在变量声明的后面或表达式的后面。

// 定义一个数字类型的变量
let age: number = 25;

// 定义一个字符串类型的变量
let name: string = "John";

// 定义一个布尔值类型的变量
let isMarried: boolean = true;

// 定义一个空值类型的变量
let x: null = null;

// 定义一个数组类型的变量
let numbers: number[] = [1, 2, 3];

// 定义一个对象类型的变量
let person: { name: string; age: number } = {
  name: "John",
  age: 25,
};

// 定义一个函数类型的变量
let greet: (name: string) => string = (name) => {
  return "Hello, " + name;
};