打字稿备忘单 - 基本语法和概念-DEV365 开发者社区

介绍

打字稿是JavaScript的强大超集，可为语言添加静态键入和增强功能。它为开发人员提供了编写更健壮和可扩展代码的能力。但是，凭借其附加的功能和语法，有时可能会不知所措以跟踪所有细节。在此博客中，我们将为您提供包含必需语法和概念的打字稿作弊表，以帮助您编写清洁器和更可维护的代码。

类型：

TypeScript引入静态类型，使您可以明确定义变量，参数和函数返回值的类型。这是一些常用类型：

let variable: string;
let count: number;
let isTrue: boolean;
let list: Array<number>;
let tuple: [string, number];
let anyValue: any;
let voidValue: void;

变量和常数：

TypeScript使用LET and const关键字来支持声明变量和常数，类似于JavaScript。您还可以明确指定类型：

let variableName: string = "Hello";
const constantName: number = 42;

let inferredVariable = "World"; // Inferred as string

功能：

打字稿中的功能可以具有参数和返回值的明确类型注释。箭头函数提供简洁的语法。可以使用？符号：

function functionName(parameter: string): number {
  return parameter.length;
}

const arrowFunction = (parameter: string): number => parameter.length;

function optionalParams(param1: string, param2?: number): void {
  // Function body
}

接口和类：

界面和类有助于定义合同并为您的代码提供结构。这是界面和类的示例：

interface Person {
  name: string;
  age: number;
}

class Student implements Person {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  sayHello(): void {
    console.log(`Hello, my name is ${this.name}`);
  }
}

仿制药：

仿制药允许您创建可重复使用的组件，这些组件可与不同类型一起使用。它们提供灵活性和类型安全性。这是可以在打字稿中使用仿制药的方式：

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

class GenericClass<T> {
  private data: T[];

  constructor() {
    this.data = [];
  }

  addItem(item: T): void {
    this.data.push(item);
  }

  getItem(index: number): T {
    return this.data[index];
  }
}

模块：

TypeScript支持模块，使您可以将代码组织成可重复使用的单元。您可以导出和导入功能，变量和类：

export function functionName() { ... }
export const variableName = 42;

import { functionName, variableName } from './module';

类型断言：

类型的断言允许您告诉编译器，当值无法自动推断时值的类型。使用动态数据时，这很有用：

let someValue: any = "Hello, World!";
let stringLength: number = (someValue as string).length;

类型守卫：

类型的守卫有助于缩小条件块内变量的类型。在使用工会类型时，它们特别有用：

function processValue(value: string | number): void {
  if (typeof value === "string") {
    console.log(value.toUpperCase());
  } else {
    console.log(value.toFixed(2));
  }
}

枚举：

枚举提供了一种定义一组命名常数的方法，代表一组可能的值。它们可以使您的代码更具可读性和表现力：

enum Direction {
  Up = "UP",
  Down = "DOWN",
  Left = "LEFT",
  Right = "RIGHT",
}

let dir: Direction = Direction.Up;

错误处理：

打字稿支持标准错误处理机制，例如试用式块块，使您可以从例外进行处理和恢复：

try {
  // Code that may throw an error
} catch (error) {
  // Handle the error
} finally {
  // Code that always executes
}

结论：

本打字稿备忘单提供了快速参考基本语法和概念，使您能够编写更可靠和可维护的代码。请记住，TypeScript提供的功能和功能多于此处所涵盖的功能，因此请务必探索官方的打字稿文档，以进一步提高您的打字条技能。

愉快的编码！ €