admin 管理员组

文章数量: 887032


2023年12月19日发(作者:电商首页模板psd)

ts语法基础

TS(TypeScript) 是一种静态类型检查器,用于JavaScript的扩展,在语法上是JavaScript的超集(subclass),可以编译成原生的JavaScript。以下是TS的语法基础:

1. 声明变量

使用 `let` 或 `const` 关键字声明变量,并指定变量的类型。

```ts

let name: string = "Tom";

const age: number = 18;

```

2. 声明函数

使用 `function` 和 `=>` 等关键字声明函数,并指定函数参数和返回值的类型。

```ts

function sum(x: number, y: number): number {

return x + y;

}

const multiply = (x: number, y: number): number => {

return x * y;

};

```

3. 声明类

使用 `class` 关键字声明类,并定义类的属性和方法。

```ts

class Person {

name: string;

age: number;

constructor(name: string, age: number) {

= name;

= age;

}

sayHi(): void {

(`Hi, my name is ${}, and I'm ${} years old.`);

}

}

const tom = new Person("Tom", 18);

();

```

4. 类型注解

使用类型注解可以为变量、函数和类等指定类型,并在编译时进行类型检查。

```ts

function sum(x: number, y: number): number {

return x + y;

}

const numArr: number[] = [1, 2, 3];

```

5. 接口

使用接口可以描述对象的形状,包括对象属性和方法。

```ts

interface User {

name: string;

age: number;

}

const tom: User = {

name: "Tom",

age: 18,

};

```

6. 泛型

使用泛型可以让函数和类支持多种类型,提高代码的复用性。

```ts

function identity(arg: T): T {

return arg;

}

const str = identity("hello");

const num = identity(123);

```

以上是TS语法的基础内容。值得注意的是,TS不仅支持标准JavaScript的语法,还提供了许多方便的语言特性,比如装饰器、枚举类型、类型别名、命名空间等,这些语言特性可以帮助开发者编写更加健壮、清晰、可维护的代码。


本文标签: 类型 语法 函数