TypeScript(TS)基础内容详细介绍
TypeScript (TS) 是 JavaScript 的一个超集,并且添加了一些静态类型的特性,使得它在开发大型应用时能够更好地帮助开发者识别和避免问题。
以下是 TypeScript 的一些基础特性:
- 类型注解:类型注解是可选的,但是它可以为 TypeScript 编译器提供额外的类型信息,帮助它更好地进行代码检查。
let greeting: string = 'Hello, World!';
- 接口:接口可以用来定义对象的形状。
interface Person {
name: string;
age: number;
}
let person: Person = { name: 'Alice', age: 25 };
- 类:TypeScript 支持面向对象的编程,包括类和继承。
class Student {
fullName: string;
constructor(public firstName, public middleInitial, public lastName) {
this.fullName = firstName + " " + middleInitial + " " + lastName;
}
}
let user = new Student('John', 'W', 'Doe');
- 类型推断:如果没有明确的类型注解,TypeScript 编译器会尝试从上下文中推断出类型。
let num = 123; // TypeScript 推断出 num 是 number 类型
- 泛型:泛型允许定义可以使用不同类型参数的组件。
function identity<T>(arg: T): T {
return arg;
}
let output = identity<string>('myString'); // Type 'string'
- 装饰器:TypeScript 支持装饰器,这是一种函数,用于修改或增强现有类、方法或属性的行为。
function logClass(target) {
console.log(target);
}
@logClass
class MyClass {
}
- 异步操作:TypeScript 支持 ES6 的异步操作。
async function asyncFunction(): Promise<string> {
return "Hello, World!";
}
asyncFunction().then(data => console.log(data));
- 异常处理:TypeScript 支持 try-catch 异常处理语句。
try {
throw new Error('Something went wrong!');
} catch (e) {
console.error(e);
}
- 名字空间:名字空间可以用来组织大型的项目。
namespace outer {
export namespace inner {
export function hello() {
return 'Hello, World!';
}
}
}
console.log(outer.inner.hello());
- 装饰器:TypeScript 支持装饰器,这是一种函数,用于修改或增强现有类、方法或属性的行为。
function logClass(target) {
console.log(target);
}
@logClass
class MyClass {
}
以上是 TypeScript 的一些基本概念和示例代码。
评论已关闭