面向零基础用户的 TypeScript 核心概念讲解
TypeScript 是 JavaScript 的超集，它凭借对静态类型的重视，席卷了整个开发领域。虽然与 JavaScript 类似，但它增加了一层额外的类型注解，使开发者能够编写更健壮、更易于维护的代码。那么，TypeScript 的核心概念是什么呢？让我们深入了解一下，并通过示例来探索它们！
1. 类型注解： TypeScript 的核心在于显式定义变量、函数和其他结构的数据类型。这意味着无需再猜测变量的类型，从而减少运行时错误，并提高代码的可读性。
例子：
let name: string = "John Doe"; // name must be a string
let age: number = 30; // age must be a number
2. 基本类型：string TypeScript 提供了诸如`int`、number`int` 、`int`等基本构建块boolean。这些代表了代码中使用的基本数据类型。
例子：
let isDone: boolean = true; // isDone can be true or false
let price: number = 19.99; // price is a floating-point number
let name: string = "John" // name is a string
3. 数组和对象：与 JavaScript 类似，TypeScript 也支持使用数组和对象。但不同之处在于，你可以定义数组元素的类型或对象的属性，从而确保数据一致性。
例子：
let numbers: number[] = [1, 2, 3]; // numbers must be an array of numbers
let person: { name: string, age: number } = { name: "Jane", age: 25 };
// person must have properties name (string) and age (number)
4. 函数：使用类型注解明确定义函数的输入和输出预期。这可以提高代码清晰度，避免出现意外行为。
例子：
function add(x: number, y: number): number {
return x + y;
}
const result = add(5, 10); // result will be a number (15)
5. 接口：为对象创建蓝图，概述其属性及其类型。这确保对象遵循特定的结构，从而提高一致性和可重用性。
例子：
interface Product {
id: number;
name: string;
price: number;
}
const product: Product = { id: 1, name: "T-shirt", price: 15.0 };
// product must have properties id (number), name (string), and price (number)
6. 类：使用类来封装数据和行为。与接口类似，您可以定义属性和方法的类型，从而编写出结构良好且易于维护的代码。
例子：
class User {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
greet() {
console.log(`Hello, my name is ${this.name}!`);
}
}
const user = new User("Alice", 35);
user.greet(); // Output: Hello, my name is Alice!
7. 泛型：使用泛型编写能够处理不同数据类型的灵活代码。这可以减少代码重复，提高代码可维护性。
例子：
function identity<T>(value: T): T {
return value;
}
const number = identity(5); // number will be of type number
const string = identity("hello"); // string will be of type string
记住，这只是 TypeScript 广阔世界的冰山一角！深入探索这些概念，并利用它们创建经得起时间考验的健壮、类型安全的应用程序。祝您编码愉快！
文章来源：https://dev.to/ymir/typescript-core-concepts-explained-for-absolute-beginners-8od