3.TypeScript常用语法一览表

1.类型

类型描述
number数值类型
bigint大整数类型
boolean布尔类型
string字符串类型
symbol符号类型
undefinedUndefined类型
nullNull类型
literal字面量类型
T[]Array<T>数组类型
[T1, T2, T3]元组类型(指定索引已经知道类型的数组类型)
Map<K, V>映射类型
Set<T>集合类型
T1 | T2 | T3联合类型(满足其一即可)
T1 & T2 & T3交叉类型(必须全部满足)
any任意类型
unknown未知类型
voidvoid类型(只可以用作函数的返回类型,表示一个函数没有返回值)
nevernever类型

2.变量

let 变量名: 类型;
let 变量名: 类型 = 值;

3.常量

const 常量名: 类型 = 值;

4.函数

//函数声明
function 函数名(值形参名: 类型, 默认值形参名: 类型 = 默认值, ...数组形参名: 类型[]): 返回类型 {
}
//函数表达式
//命名函数表达式
let f = function f2(形参名: 类型): 返回类型 {
};

//匿名函数表达式
let f = function (形参名: 类型): 返回类型 {
};
//箭头函数表达式
let f = (形参名: 类型): 返回类型 => { 
};

5.类

5.1成员定义

//类
class 类名 {
  static 静态字段名: 类型 = 值;
  
  static get 静态访问器属性名(): 返回类型 {
  }

  static set 静态访问器属性名(形参名:类型) {
  }

  static 静态方法名(形参名: 类型): 返回类型 {
  }

  static {
  }

  实例字段名: 类型 = 值;

  get 实例访问器属性名(): 返回类型 {
  }

  set 实例访问器属性名(形参名: 类型) {
  }
  
  实例方法名(形参名: 类型): 返回类型 {
  }

  constructor(形参名: 类型) {
  }
}
//对象字面量
{
  数据属性名: 类型;
  方法名(形参名: 类型): 返回类型;
}

5.2抽象类

abstract class 类名 {
  abstract 实例方法名(形参名: 类型): 返回类型;
}

5.3方法重载

方法签名包括:形参类型、形参个数、返回类型。

6.接口

6.1接口定义

interface 接口名 {
}

6.2接口继承

interface 子接口名 extends 父接口名1, 父接口名2, 父接口名N {
} 

6.3实现接口

class 类名 implements 接口名1, 接口名2, 接口名N {
}

7.泛型

function 函数名<T>() {
}
class 类名<T> {
}
interface 接口名<T> {
}

8.枚举

enum 枚举名 {
}

9.可见性

成员的可见性类(子类)内调用继承类(子类)外直接调用同一个类(子类)的不同对象
public可以可以可以可以
protected可以可以不可以可以
private可以不可以不可以可以

原创文章,作者:huoxiaoqiang,如若转载,请注明出处:https://www.huoxiaoqiang.com/javascript/javascriptlang/36793.html

(0)
huoxiaoqiang的头像huoxiaoqiang
上一篇 2025年3月1日 15:35
下一篇 2025年3月2日 00:23

相关推荐

  • 1.4JavaScript语言的类型(Type)

    JavaScript 语言的类型分为:原始(primitive)类型 和 引用(reference)类型。 原始类型:数值类型、大整数类型、布尔类型、字符串类型、符号类型、Undefined类型、Null类型。 引用类型:对象类型、函数类型、数组类型、映射类型、集合类型。 1.数值(Number)类型 类型 范围 包装…

  • 2.1JavaScript语言的ES模块(Module)

    ES 模块用于在浏览器环境和服务器环境中使用。 模块就是以 .js 为扩展名的 JavaScript 文件。 普通脚本文件内的顶级的成员对其它脚本文件来说是公开(public)的全局上下文,而模块文件内的顶级的模块成员对其它模块文件来说都是私有(private)的,所以首先需要在模块中将它们显式导出,然后在其它模块中显…

  • 1.5JavaScript语言的变量(Variable)

    1.变量声明 变量在赋值后可以通过重新赋值更改其值。 2.变量作用域 3.变量引用表达式

发表回复

登录后才能评论