大连网站开发公司网址要收费吗

TypeScript—基础语法

一、基础语法与类型系统

1. 基础语法

（1）number：在 TypeScript 里，所有数字均为浮点数，涵盖整数与小数。

let num1: number = 10; // 整数
let num2: number = 3.14; // 小数
let num3: number = 0xf00d; // 十六进制

（2）字符串类型（string）：用于表示文本数据，可使用单引号、双引号或反引号。

let str1: string = 'hello';
let str2: string = "world";
let name: string = 'John';
let greeting: string = `Hello, ${name}!`; // 模板字符串

（3）布尔类型（boolean）：仅有两个值：true和false。

let isDone: boolean = false;

（4）null和undefined：二者都有各自的类型，分别是null和undefined。默认情况下，它们是其他类型的子类型。

let u: undefined = undefined;
let n: null = null;

（5）数组：有两种方式定义数组类型。

let arr1: number[] = [1, 2, 3];
let arr2: Array<number> = [4, 5, 6];

（6）元组类型（tuple）：允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。

let tuple: [string, number] = ['hello', 10];

（7）枚举类型（enum）：

enum Color {Red,Green,Blue
}
let c: Color = Color.Green;

例子：

// 显式类型注解
let age: number = 25;
let name: string = "Alice";
let isActive: boolean = true;// 数组类型
let numbers: number[] = [1, 2, 3];          // 方式一
let list: Array<number> = [4, 5, 6];        // 方式二（泛型语法）// 元组（固定长度和类型）
let userInfo: [string, number] = ["Alice", 30]; // 正确
userInfo = [30, "Bob"];                     // ❌ 类型顺序错误

2. 特殊类型

（1）any ：any 关闭类型检查，当你不清楚变量类型，或者变量类型会动态变化时可使用。

let value: any = 'hello';
value = 10;

（2） unknown：unknown 需类型收窄后使用，和any类似，但更安全，因为对unknown类型的变量进行操作前需先进行类型检查。

let unknownValue: unknown = 'hello';
if (typeof unknownValue === 'string') {let strLength: number = unknownValue.length;
}

（3）void 与 never：void 表示无返回值函数，通常用于函数无返回值的情况。never 用于永不返回的函数（如抛出异常）
空类型（void）：

function sayHello(): void {console.log('Hello!');
}

3.类型系统

（1）类型断言：当你比 TypeScript 更清楚某个值的类型时，可使用类型断言。有两种语法形式。

let someValue: any = 'this is a string';
let strLength1: number = (someValue as string).length;
let strLength2: number = (<string>someValue).length;

（2）类型推论：在某些情况下，TypeScript 能自动推断变量的类型，无需显式指定。

let message = 'Hello, TypeScript!'; // TypeScript自动推断message为string类型

（3）类型操作：

const str = "hello";
const len1: number = (<string>str).length;  // 尖括号语法
const len2: number = (str as string).length; // as 语法:cite[3]

（4）联合类型与字面量类型：

type Status = "success" | "error";  // 字面量联合
let id: string | number;            // 联合类型:cite[1]:cite[6]

（5）交叉类型：把多个类型合并成一个类型，该类型包含所有类型的特性。

interface Person {name: string;
}
interface Employee {employeeId: number;
}
type PersonEmployee = Person & Employee;
let personEmployee: PersonEmployee = { name: 'John', employeeId: 123 };