TypeScript基础知识|极客教程

TypeScript基础知识

TypeScript 是一种由微软开发的自 JavaScript 的超集编程语言。它主要提供了静态类型检查和面向对象的特性，使代码更加容易维护和可读。本文将介绍一些 TypeScript 的基础知识，包括类型声明、函数、接口、类等内容。

类型声明

在 TypeScript 中，变量可以指定类型，这样可以在编译阶段就发现潜在的类型错误。以下是一些常见的基本类型声明：

let num: number = 10;
let str: string = "Hello";
let bool: boolean = true;

除了基本类型之外，还可以声明数组、元组、枚举等类型：

let arr: number[] = [1, 2, 3];
let tuple: [string, number] = ["Alice", 25];
enum Color {Red, Green, Blue};
let bgColor: Color = Color.Red;

函数

在 TypeScript 中，函数可以指定参数和返回值类型，例如：

function add(a: number, b: number): number {
    return a + b;
}

let result = add(1, 2);
console.log(result); // 输出: 3

还可以使用可选参数和默认参数：

function greet(name: string, greeting: string = "Hello"): string {
    return ` ${greeting},$ {name}!`;
}

console.log(greet("Alice")); // 输出: Hello, Alice!
console.log(greet("Bob", "Good morning")); // 输出: Good morning, Bob!

接口

接口是 TypeScript 中用来定义对象的结构的一种方式。以下是一个简单的接口示例：

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

function greetPerson(person: Person) {
    console.log(`Hello, ${person.name}!`);
}

let alice = { name: "Alice", age: 25 };
greetPerson(alice); // 输出: Hello, Alice!

接口还可以描述函数类型：

interface AddFunc {
    (a: number, b: number): number;
}

let add: AddFunc = function(a, b) {
    return a + b;
}

console.log(add(3, 4)); // 输出: 7

类

类是 TypeScript 中面向对象编程的基础。以下是一个简单的类定义和使用示例：

class Animal {
    name: string;

    constructor(name: string) {
        this.name = name;
    }

    speak() {
        console.log(`${this.name} makes a noise.`);
    }
}

let cat = new Animal("Cat");
cat.speak(); // 输出: Cat makes a noise.

类可以继承和实现接口：

interface Shape {
    color: string;
}

class Square implements Shape {
    sideLength: number;
    color: string;

    constructor(sideLength: number, color: string) {
        this.sideLength = sideLength;
        this.color = color;
    }

    getArea() {
        return this.sideLength * this.sideLength;
    }
}

let square = new Square(5, "red");
console.log(square.getArea()); // 输出: 25