【Grundlagen des Vorstellungsgesprächs】 Häufige Fragen im Vorstellungsgespräch mit TypeScript

github: https://github.com/Jessie-jzn
Website:https://www.jessieontheroad.com/

1. Warum TypeScript verwenden?

1. Statische Typprüfung

Der Hauptvorteil von TypeScript ist die statische Typprüfung, die dabei hilft, häufige Fehler während der Kompilierungsphase und nicht zur Laufzeit zu erkennen. Dies erhöht die Zuverlässigkeit und Stabilität des Codes.

2. Verbesserte Erfahrung bei der Codebearbeitung

Das Typsystem von TypeScript ermöglicht eine genauere Codevervollständigung, Refactoring, Navigation und Dokumentationsfunktionen in Editoren und steigert so die Entwicklungseffizienz erheblich.

3. Verbesserte Wartbarkeit des Codes

Typdeklarationen erleichtern das Verständnis von Codeabsichten und -struktur, was besonders in Teamentwicklungsumgebungen von Vorteil ist.

4. Erweiterte Sprachfunktionen

TypeScript unterstützt erweiterte Funktionen, die in JavaScript nicht vorhanden sind, wie z. B. Schnittstellen, Aufzählungen und Generika, und erleichtert so die Entwicklung von strukturierterem und skalierbarerem Code.

5. Bessere Werkzeugunterstützung

TypeScript bietet verschiedene Compiler-Optionen zur Optimierung des generierten JavaScript-Codes und unterstützt verschiedene JS-Umgebungen durch Kompilieren von TypeScript zu kompatiblem JavaScript.

2. TypeScript vs. JavaScript

3. Grundlegende Datentypen in TypeScript

• Boolean: Stellt wahre oder falsche Werte dar.
• Zahl: Stellt sowohl Ganzzahl- als auch Gleitkommazahlen dar.
• String: Stellt Textdaten dar, mit einfachen oder doppelten Anführungszeichen.
• Array: Stellt eine Sammlung von Werten eines angegebenen Typs dar, wobei type[] oder Array verwendet wird.
• Tupel: Stellt ein Array mit einer festen Anzahl von Elementen mit angegebenen Typen dar.
• Enum: Stellt eine Menge benannter Konstanten dar.
• Any: Repräsentiert jede Art von Wert. Bietet keine Typprüfung.
• Void: Stellt das Fehlen eines Werts dar und wird üblicherweise als Rückgabetyp von Funktionen verwendet, die keinen Wert zurückgeben.
• Null und Undefiniert: Stellt das Fehlen eines Werts bzw. einen nicht initialisierten Zustand dar.
• Nie: Stellt Werte dar, die nie auftreten, z. B. Funktionen, die Fehler auslösen oder auf unbestimmte Zeit ausgeführt werden.
• Objekt: Stellt nicht-primitive Typen dar.

4. Was sind Generics in TypeScript? Wie werden sie verwendet?

Generika ermöglichen es Funktionen, Klassen und Schnittstellen, mit jedem Typ zu arbeiten und gleichzeitig die Typsicherheit zu gewährleisten.

Beispiel:

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

const numberIdentity = identity<number>(42);
const stringIdentity = identity<string>("Hello");

In diesem Beispiel verwendet die Identitätsfunktion ein generisches , das es ihr ermöglicht, Werte jeden Typs zu akzeptieren und zurückzugeben.

5. Unterschied zwischen unbekannt und beliebig in TypeScript

• beliebiger Typ: Stellt jeden Werttyp dar und umgeht jegliche Typprüfung. Es kann ohne Typprüfungen ein beliebiger Wert zugewiesen werden.
• unbekannter Typ: Stellt einen unbekannten Typ dar. Werte unbekannten Typs müssen überprüft werden, bevor sie verwendet werden können. Dies bietet eine sicherere Möglichkeit, mit Werten umzugehen, deren Typ unsicher ist.

let anyVar: any;
let unknownVar: unknown;

anyVar = 5;
anyVar.toUpperCase(); // No compile-time error, but might cause runtime error

unknownVar = "Hello";
if (typeof unknownVar === "string") {
  unknownVar.toUpperCase(); // Type check ensures safety
}

6. Unterschied zwischen readonly-Modifikator und const-Schlüsselwort

• schreibgeschützter Modifikator: Wird für Objekteigenschaften verwendet, um sie nach der Initialisierung unveränderlich zu machen.
• const-Schlüsselwort: Wird zum Deklarieren von Variablen mit unveränderlichen Referenzen verwendet. Die Eigenschaften des Objekts können weiterhin geändert werden.

const obj = { name: "John" };
obj.name = "Doe"; // Allowed

interface User {
  readonly id: number;
  name: string;
}

const user: User = { id: 1, name: "John" };
user.name = "Doe"; // Allowed
user.id = 2; // Error, `id` is readonly

7. Dekoratoren in TypeScript

Dekoratoren sind eine spezielle TypeScript-Funktion, die das Hinzufügen von Metadaten oder das Ändern von Klassen, Methoden, Eigenschaften oder Parametern ermöglicht.

Typen:

• Klassendekoratoren: Wird auf Klassenkonstruktoren angewendet, um das Klassenverhalten zu ändern oder Metadaten hinzuzufügen.
• Methodendekoratoren: Wird auf Methoden angewendet, um deren Verhalten zu ändern oder Metadaten hinzuzufügen.
• Accessor-Dekoratoren: Wird angewendet, um Accessoren abzurufen oder festzulegen, um deren Verhalten zu ändern.
• Eigenschaftsdekoratoren: Wird auf Klasseneigenschaften angewendet, um Metadaten hinzuzufügen oder deren Verhalten zu ändern.
• Parameterdekoratoren: Wird auf Methodenparameter angewendet, um Metadaten hinzuzufügen.

Beispiele:

• Klassendekorateur:

function sealed(constructor: Function) {
  Object.seal(constructor);
  Object.seal(constructor.prototype);
}

@sealed
class Greeter {
  greeting: string;
  constructor(message: string) {
    this.greeting = message;
  }

  greet() {
    return `Hello, ${this.greeting}`;
  }
}

• Methode Decorator:

function logMethod(target: any, propertyName: string, descriptor: PropertyDescriptor) {
  const originalMethod = descriptor.value;
  descriptor.value = function (...args: any[]) {
    console.log(`Method ${propertyName} called with args: ${JSON.stringify(args)}`);
    return originalMethod.apply(this, args);
  };
}

class Calculator {
  @logMethod
  add(a: number, b: number): number {
    return a + b;
  }
}

Verwendung:

Dekoratoren werden aktiviert, indem „experimentalDecorators“ in tsconfig.json auf „true“ gesetzt wird.

8. Unterschied zwischen Schnittstelle und Typ

Schnittstelle und Typ werden beide zum Definieren von Objekttypen verwendet, weisen jedoch einige Unterschiede auf:

Das obige ist der detaillierte Inhalt von【Grundlagen des Vorstellungsgesprächs】 Häufige Fragen im Vorstellungsgespräch mit TypeScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!