实战技巧

使用模块

在TypeScript中，使用模块可以将代码拆分成可重用的块，有助于代码组织和维护。模块允许您定义、导入和导出变量、函数、类等。

// 定义一个模块
export function add(x: number, y: number): number {
  return x + y;
}

// 导入模块
import { add } from './utils';

console.log(add(1, 2)); // 输出：3

类型检查

TypeScript提供了强大的类型系统，可以帮助您捕获错误并编写更健壮的代码。使用类型检查可以确保数据的正确性并减少运行时错误。

function greet(name: string): void {
  console.log(`Hello, ${name}!`);
}

greet(123); // 编译错误，因为参数类型不匹配

泛型

泛型允许您编写可重用、类型安全的代码。泛型可以用于类、接口、函数等。

function identity<T>(arg: T): T {
  return arg;
}

const myIdentity: (x: number) => number = identity;
console.log(myIdentity(10)); // 输出：10

最佳实践

分离接口与实现

将接口和实现分离有助于提高代码的可读性和可维护性。使用接口定义数据结构，然后将实现放在单独的文件中。

// 定义接口
interface Shape {
  draw(): void;
}

// 实现接口
class Circle implements Shape {
  draw() {
    console.log('Drawing a circle');
  }
}

使用常量与只读属性

使用const和readonly关键字来定义不可更改的变量和属性。这有助于避免代码中的错误。

const PI = 3.14159;

class Point {
  readonly x: number;
  readonly y: number;

  constructor(x: number, y: number) {
    this.x = x;
    this.y = y;
  }
}

遵循单一职责原则

每个函数、类或模块应该只完成一项任务。这有助于代码的可读性和可维护性。

// 正确的代码
function calculateDistance(x1: number, y1: number, x2: number, y2: number): number {
  return Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
}

// 不好的代码
function calculateDistanceAndArea(x1: number, y1: number, x2: number, y2: number): number {
  const distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
  const area = Math.pow(distance, 2);
  return area;
}

编写清晰的代码

代码应该易于阅读和理解。使用有意义的变量名、注释和清晰的函数名。避免使用过于复杂的代码结构。

// 清晰的代码
function calculateAverage(numbers: number[]): number {
  let sum = 0;
  for (const num of numbers) {
    sum += num;
  }
  return sum / numbers.length;
}

// 不清晰的代码
function avg(arr: any[]): any {
  let s = 0;
  for (let i = 0; i < arr.length; i++) {
    s += arr[i];
  }
  return s / arr.length;
}