TypeScript 基础入门
TypeScript 是 JavaScript 的一个超集,并且添加了一些静态类型的特性。这使得它能够在编译时进行更深的代码分析,从而帮助你在开发时发现错误。
以下是一些 TypeScript 的基础概念和代码示例:
- 变量声明:
let name: string = 'John Doe';
let age: number = 30;
let isStudent: boolean = true;
- 函数声明:
function greet(): string {
return 'Hello, World!';
}
function add(x: number, y: number): number {
return x + y;
}
- 类声明:
class Person {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
greet(): string {
return `Hello, my name is ${this.name} and I am ${this.age} years old.`;
}
}
- 接口:
interface Person {
name: string;
age: number;
}
let person: Person = {
name: 'John Doe',
age: 30
};
- 类型别名:
type Person = {
name: string;
age: number;
};
let person: Person = {
name: 'John Doe',
age: 30
};
- 泛型:
function identity<T>(arg: T): T {
return arg;
}
let output = identity<string>('Hello, World!');
- 导入和导出模块:
// module.ts
export function greet(): string {
return 'Hello, World!';
}
// app.ts
import { greet } from './module';
console.log(greet());
- 异步函数:
async function fetchData(): Promise<string> {
let response = await fetch('https://api.example.com/data');
return await response.text();
}
这些是 TypeScript 的基础概念,它们涵盖了变量声明、函数声明、类声明、接口、类型别名、泛型、模块导入导出以及异步函数。学习 TypeScript 需要熟悉这些基本概念并在实践中应用它们。
评论已关闭