typescript菜鸟教程，typescript 菜鸟（typedef菜鸟教程）

TypeScript 菜鸟教程

本教程将帮助您了解 TypeScript 的基本概念和用法，并通过实例代码演示如何编写简单的 TypeScript 程序。

1、什么是 TypeScript？

TypeScript 是一种由 Microsoft 开发的自由和开源的编程语言，它是 JavaScript 的一个超集，为 JavaScript 提供了静态类型检查和其他面向对象编程的特性，通过使用 TypeScript，您可以在编写代码时捕获潜在的错误，提高代码的可读性和可维护性。

2、安装 TypeScript

要开始使用 TypeScript，您需要先安装它，以下是在不同操作系统上安装 TypeScript 的步骤：

Windows:

1. 打开命令提示符（cmd）。

2. 运行以下命令：npm install g typescript。

MacOS:

1. 打开终端。

2. 运行以下命令：npm install g typescript。

Linux:

1. 打开终端。

2. 运行以下命令：npm install g typescript。

3、TypeScript 基础语法

变量声明和赋值：在 TypeScript 中，您需要显式声明变量的类型，并指定其初始值。

let name: string = "John"; // 声明一个名为 name 的字符串变量，并将其初始化为 "John"

数据类型：TypeScript 支持多种数据类型，包括数字、字符串、布尔值、数组、元组、枚举等，您可以使用 let、const、var 关键字来声明变量，并根据需要指定其类型。

let age: number = 25; // 声明一个名为 age 的数字变量，并将其初始化为 25
const isStudent: boolean = true; // 声明一个名为 isStudent 的布尔变量，并将其初始化为 true

函数和接口：TypeScript 中的函数可以使用参数和返回值来定义输入和输出类型，您可以使用接口来描述对象的结构，并为对象的属性和方法提供类型注解。

function greet(name: string): void { // 声明一个名为 greet 的函数，接受一个字符串参数 name，没有返回值
    console.log("Hello, " + name);
}
greet("Alice"); // 调用 greet 函数，并传递字符串 "Alice" 作为参数

interface Person { // 声明一个名为 Person 的接口，具有两个属性：name（字符串类型）和 age（数字类型）
    name: string;
    age: number;
}
let person: Person = { // 创建一个名为 person 的对象，其属性与 Person 接口的结构相匹配
    name: "John",
    age: 30,
};

4、TypeScript 高级特性

泛型：TypeScript 支持泛型，允许您在代码中使用通用的类型参数。

function identity<T>(arg: T): T { // 声明一个名为 identity 的泛型函数，接受一个类型参数 T，并返回相同的类型参数 T
    return arg;
}
let output1: number = identity<number>(10); // 调用 identity 函数，并将结果赋值给一个 number 类型的变量 output1
let output2: string = identity<string>("Hello"); // 调用 identity 函数，并将结果赋值给一个 string 类型的变量 output2

interface Array<T> { // 声明一个名为 Array 的泛型接口，具有 length（数字类型）属性和一个元素类型为 T[] 的 items（数组类型）属性
    length: number;
    items: T[];
}
let numArray: Array<number> = [1, 2, 3]; // 创建一个名为 numArray 的对象，其元素类型为 number[]，符合 Array<number> 接口的结构要求
let strArray: Array<string> = ["Hello", "World"]; // 创建一个名为 strArray 的对象，其元素类型为 string[]，符合 Array<string> 接口的结构要求