编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

TS 的一些常用知识点总结和使用说明

wxchong 2024-08-24 01:40:48 开源技术 9 ℃ 0 评论

TS(TypeScript)是一种由微软开发的开源编程语言,它是 JavaScript 的超集,意味着 TypeScript 可以使用 JavaScript 的所有特性,并且还具有额外的功能和优点。以下是 TS 的详细知识点总结归纳和使用说明:

1. 类型注解

TS 具有静态类型检查功能,可以在编码阶段就发现类型错误。为了实现这一功能,TS 引入了类型注解。类型注解就是在定义变量或函数时指定其类型的方式。例如:

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

2. 接口

TS 中的接口是一种抽象的数据类型,用于描述对象的属性和方法。它可以用来定义函数参数的类型以及对象的结构。例如:

interface Person {
name: string;
age: number;
sayHi: () => void;
}
let person: Person = {
name: 'Tom',
age: 18,
sayHi: () => console.log(`Hi, my name is ${person.name}.`)
};

3. 类

TS 中的类是一种面向对象的编程方式,可以用来封装数据和方法。它支持继承、多态等特性。例如:

class Animal {
name: string;
constructor(name: string) {
this.name = name;
}
move(distance: number = 0) {
console.log(`${this.name} moved ${distance} meters.`);
}
}
class Dog extends Animal {
bark() {
console.log('Woof! Woof!');
}
}
let dog = new Dog('Tommy');
dog.move(10);
dog.bark();

4. 泛型

TS 中的泛型可以用来处理不确定的数据类型,让代码更加灵活和通用。例如:

function identity<T>(arg: T): T {
return arg;
}
let output = identity<string>('hello');
console.log(output);

5. 模块化

TS 支持模块化编程,可以将代码拆分成多个模块,每个模块负责不同的功能。模块可以通过 import 和 export 关键字进行导入和导出。例如:

// module.ts
export function add(a: number, b: number): number {
return a + b;
}
// main.ts
import { add } from './module';
console.log(add(1, 2));

以上就是 TS 的一些常用知识点总结和使用说明。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表