TypeScript入门（一）

最新推荐文章于 2025-08-23 13:49:07 发布

原创最新推荐文章于 2025-08-23 13:49:07 发布 · 314 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

TypeScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了TypeScript中的三种基本概念：类型注解、接口和类。类型注解为函数或变量添加类型约束；接口定义对象的形状，确保对象具有指定的属性；类用于创建具有特定属性和方法的对象。

一、类型注解

轻量级的约束方式，为函数或变量添加约束。限制类型

function  typean(para:string){
    return para;
}
//这个时候表示typean函数接受的参数必须是字符串类型的，其他类型则会报错

二、接口

实现接口的时候，不需要明确地使用 implements，只要保证包含了接口要求的结构即可

interface Person {
    firstName: string;
    lastName: string;
}

function greeter(person: Person) {
    return "Hello, " + person.firstName + " " + person.lastName;
}

let user = { firstName: "Jane", lastName: "User" };

document.body.innerHTML = greeter(user);

三、类

在构造函数的参数上使用public等同于创建了同名的成员变量

class Student {
    fullName: string;
    constructor(public firstName, public middleInitial, public lastName) {
        this.fullName = firstName + " " + middleInitial + " " + lastName;
    }
}

interface Person {
    firstName: string;
    lastName: string;
}

function greeter(person : Person) {
    return "Hello, " + person.firstName + " " + person.lastName;
}

let user = new Student("Jane", "M.", "User");

document.body.innerHTML = greeter(user);