📜  TypeScript-基本语法(1)

📅  最后修改于: 2023-12-03 15:20:43.541000             🧑  作者: Mango

TypeScript-基本语法

介绍

TypeScript 是一种由 Microsoft 开发的开源编程语言,它是 JavaScript 的超集。它添加了静态类型和其他一些新特性,以帮助开发人员更容易地开发和维护大型的 JavaScript 应用程序。

本文将介绍 TypeScript 的基本语法,帮助程序员快速上手使用 TypeScript 开发项目。

安装

要使用 TypeScript,首先需要在系统上安装 TypeScript 编译器。可以使用以下命令来全局安装 TypeScript:

npm install -g typescript
变量声明

在 TypeScript 中,可以使用 letconst 关键字来声明变量。let 声明的变量是可变的,而 const 声明的变量是不可变的(常量)。

let myVariable: string = "Hello TypeScript";
const myConstant: number = 123;
类型注解

TypeScript 支持类型注解,即在声明变量时指定其类型。

let myVariable: string = "Hello TypeScript";
类型推断

如果在变量声明时没有指定类型注解,TypeScript 会根据变量的初始值来推断其类型。

let myVariable = "Hello TypeScript"; // 推断为 string 类型
函数

TypeScript 中的函数可以指定参数类型和返回值类型。

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

接口定义了对象的结构和类型。可以使用接口来定义一个类的形状,或者一个函数的参数类型和返回值类型。

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

function printPerson(person: Person) {
    console.log(person.name, person.age);
}

TypeScript 支持面向对象编程,可以使用类来定义对象和相关的方法和属性。

class Animal {
    name: string;
    constructor(name: string) {
        this.name = name;
    }
    sayHello() {
        console.log("Hello, I'm " + this.name);
    }
}

let dog = new Animal("Dog");
dog.sayHello();
模块

TypeScript 支持模块化开发,可以将代码分割为多个文件,每个文件有自己的作用域和导出的接口。

// file1.ts
export function sayHello(name: string) {
    console.log("Hello, " + name);
}

// file2.ts
import { sayHello } from "./file1";
sayHello("TypeScript");
总结

本文简要介绍了 TypeScript 的基本语法,包括变量声明、类型注解、类型推断、函数、接口、类和模块等内容。希望能帮助程序员快速入门 TypeScript 并开始使用它来开发项目。

更多详细的语法和功能,请参考 TypeScript 的官方文档:TypeScript Documentation