ts常用的语法

简介: ts常用的语法

1. 类型注解

TypeScript 是一种静态类型检查的语言,可以为变量、函数参数、函数返回值等添加类型注解:

let age: number = 20;
function add(a: number, b: number): number {
  return a + b;
}

2. 接口

TypeScript 支持使用接口来定义类、函数、对象的结构,可以提高代码的可读性和可维护性:

interface Person {
  name: string;
  age: number;
  sayHi: () => void;
}
class Student implements Person {
  name: string;
  age: number;
  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
  sayHi() {
    console.log(`Hi, my name is ${this.name} and I'm ${this.age} years old.`);
  }

3. 类和继承

TypeScript 支持类和继承,可以使用 class 关键字来定义类:

class Animal {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  move(distance: number) {
    console.log(`${this.name} moved ${distance}m.`);
  }
}
class Dog extends Animal {
  bark() {
    console.log('Bark bark!');
  }
}
const dog = new Dog('Buddy');
dog.move(10); // Buddy moved 10m.
dog.bark(); // Bark bark!

4. 枚举

TypeScript 支持枚举类型,可以使用 enum 关键字来定义枚举类型:

enum Color {
  Red,
  Green,
  Blue
}
let c: Color = Color.Green;
console.log(c); // 1
enum Direction {
  Up = 'UP',
  Down = 'DOWN',
  Left = 'LEFT',
  Right = 'RIGHT'
}
let d: Direction = Direction.Up;
console.log(d); // UP

5. 泛型

TypeScript 支持泛型编程,可以编写更加通用和灵活的代码:

function identity<T>(arg: T): T {
  return arg;
}
console.log(identity<string>('hello')); // hello
console.log(identity<number>(123)); // 123
相关文章
|
3天前
|
JavaScript 前端开发 API
第9期 一文读懂TS的(.d.ts)文件
第9期 一文读懂TS的(.d.ts)文件
57 0
|
JavaScript 前端开发 API
一文读懂TS的(.d.ts)文件
一文读懂TS的(.d.ts)文件
3859 0
|
9月前
|
JavaScript 前端开发
TS基础语法
TypeScript(缩写为TS)是一种静态类型的JavaScript超集,它为JavaScript添加了类型注解和其他扩展功能。下面是TypeScript的基础语法
|
3天前
ts文件解密
ts文件解密
84 0
|
6月前
|
JavaScript 前端开发 开发者
ts详解以及相关例子(一篇带你详细了解ts)
ts详解以及相关例子(一篇带你详细了解ts)
45 1
|
8月前
|
JavaScript 前端开发
ts - ts基础
https://www.tslang.cn/ TypeScript是Microsoft公司注册商标。 TypeScript具有类型系统,且是JavaScript的超集。 它可以编译成普通的JavaScript代码。 TypeScript支持任意浏览器,任意环境,任意系统并且是开源的。
|
8月前
|
JavaScript 前端开发
ts -函数的类型
在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression)
|
9月前
|
JavaScript
TS基本语法 TS中的泛型
TS基本语法 TS中的泛型
|
9月前
|
JavaScript 前端开发
TS基础用法
TS基础用法
65 0
|
9月前
|
JavaScript 前端开发 IDE
什么是ts,作用是什么
什么是ts,作用是什么
525 0