Fragen zum TypeScript-Interview

Frage – Was ist TypeScript?

• TypeScript ist eine Obermenge von Javascript
• Fügt statische Typen hinzu, was eine verbesserte Codequalität und Fehlerprüfung vor der Laufzeit ermöglicht.
• Es unterstützt Funktionen wie Schnittstellen, Aufzählungen, Generika und mehr.
• Bietet eine bessere Fehlerprüfung, verbesserte Tools und eine verbesserte Lesbarkeit des Codes.

---

Frage – Was ist explizite und implizite Typzuweisung?

• Explizit bedeutet, dass der Typ ausgeschrieben wird. Wie unten -

let firstName: string = "Rutvik";

• Implizit bedeutet, dass TypeScript den Typ basierend auf dem Wert errät. Der folgende Typ wird als Zahl betrachtet

let age = 23;

---

Frage – Unterschied zwischen „any“, „unknown“ und „never“ in TypeScript?

• Der Typ „any“ wird verwendet, um einen beliebigen Typ einer Variablen zuzuweisen.
• Es wird keine Fehlermeldung ausgegeben, selbst wenn Sie einen anderen Typ neu zuweisen.

let x: any = 10;
x = 'hello'; // No TypeScript error
console.log(x.toUpperCase()); // No TypeScript error

• Der Typ „Unbekannt“ ist besser als der Typ „Any“, da er erfordert, dass wir den Typ überprüfen, bevor wir Operationen am Wert durchführen.

let y: unknown = 10;
// Type assertion needed before using y as number
if (typeof y === 'number') {
    console.log(y.toFixed(2));
}

• Der Typ stellt niemals einen Wert dar, der niemals auftritt.
• Es wird normalerweise für Rückgabeanweisungen von Funktionen verwendet, die nicht ordnungsgemäß zurückgegeben werden.

function throwError(message: string): never {
    throw new Error(message);
}

---

Frage: Wie geben Sie den Array-Typ an?

• Für die Eingabe eines Arrays müssen wir den Typ wie folgt angeben. In diesem Beispiel unten kann das Array nur den Typ „String“ enthalten.

const names: string[] = ["Rutvik", "Rohit", "Virat"];
names.push("Bumrah"); // no error

• Wir können auch ein readonly-Schlüsselwort verwenden, das verhindert, dass das Array geändert wurde.

const names: readonly string[] = ["Rutvik", "Rohit", "Virat"];
names.push("Bumrah"); // Error: Property 'push' does not exist on type 'readonly string[]'.

---

Frage – Was ist Typinferenz in einem Array?

• Wenn wir einem Array keinen Typ zuweisen, wird der Typ automatisch abgeleitet.

const numbers = [1, 2, 3]; // inferred to type number[]
numbers.push(4); // no error

---

Frage – Was sind Tupel?

• Es handelt sich um ein Typ-Array mit vordefinierter Länge und vordefinierten Typen.
• Es ist sehr nützlich, wenn es darum geht, gemischte Array-Typen mit unterschiedlichen Typen anzugeben.

let ourTuple: [number, boolean, string];

// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];

---

Frage – Was sind schreibgeschützte Tupel?

• Wenn wir ein Tupel nicht schreibgeschützt machen, können wir dem definierten weitere Elemente hinzufügen und TypeScript gibt keinen Fehler aus.

let ourTuple: [number, boolean, string];

// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];
//No safety in indexes from 3
ourTuple.push('This is wrong');

• Um das Problem zu beheben, verwenden wir das Schlüsselwort readonly vor dem Typ.

let ourTuple: readonly [number, boolean, string];
// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];
// throws error as it is readonly
ourTuple.push('Coding Hero took a day off');

---

Frage – Wie werden die Typen für Objekte angegeben?

• Wir können den Objekttyp angeben, indem wir eine andere objektähnliche Struktur erstellen und die Schlüssel und den Typ der Schlüssel im Objekt angeben.

interface CarTypes {
    brand: string,
    model: string,
    year: number
}


const car: CarTypes = {
  brand: "Tata",
  model: "Punch",
  year: 2020
};

---

Frage – Wie kann ich optionale Eigenschaften in Objekten haben?

• Um eine optionale Eigenschaft oder einen optionalen Schlüssel anzugeben, müssen wir das ? hinzufügen nach dem Schlüssel.

let firstName: string = "Rutvik";

---

Frage – Enum in TypeScript erklären?

• Eine Aufzählung ist eine Art von Variablen, die Konstanten sind. Sie dürfen nur die darin enthaltenen Werte verwenden.
• Die Werte sind standardmäßig numerisch und beginnen mit 0 und werden um 1 erhöht.
• Sie können numerisch oder stringbasiert sein

let age = 23;

let x: any = 10;
x = 'hello'; // No TypeScript error
console.log(x.toUpperCase()); // No TypeScript error

---

Frage – Was sind Typaliase?

• Sie ermöglichen die Definition eines Typs mit einem benutzerdefinierten Namen und können für alle primitiven Typen wie Zeichenfolgen und Zahlen sowie für komplexe Typen wie Objekte und Arrays verwendet werden.

let y: unknown = 10;
// Type assertion needed before using y as number
if (typeof y === 'number') {
    console.log(y.toFixed(2));
}

---

Frage – Was sind Schnittstellen?

• Schnittstellen sind wie Typen, können aber nur für Objekte verwendet werden.

function throwError(message: string): never {
    throw new Error(message);
}

---

Frage – Wie erweitert man Schnittstellen?

• Schnittstellen können mit dem Schlüsselwort „extend“ erweitert werden.

const names: string[] = ["Rutvik", "Rohit", "Virat"];
names.push("Bumrah"); // no error

---

Frage – Was sind Union- und Intersection-Typen?

Gewerkschaft :-

• Union-Typen werden verwendet, wenn die Eigenschaft mehr als einen Wert haben kann, z. B. eine Zeichenfolge oder eine Zahl.
• Aus diesem Grund werden sie auch OR genannt und mit | verwendet Symbol.

const names: readonly string[] = ["Rutvik", "Rohit", "Virat"];
names.push("Bumrah"); // Error: Property 'push' does not exist on type 'readonly string[]'.

Kreuzung:-

• Schnittpunkttypen werden verwendet, wenn mehrere Typen zu einem zusammengefasst werden.
• Aus diesem Grund werden sie auch AND genannt und mit dem Symbol & verwendet.

const numbers = [1, 2, 3]; // inferred to type number[]
numbers.push(4); // no error

---

Frage – Was sind Funktionen in Typescript?

Wie gebe ich den Rückgabetyp in einer Funktion an?

• Wir können die Rückgabetypen von Funktionen mit dem Symbol : nach dem Funktionsnamen angeben.

let ourTuple: [number, boolean, string];

// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];

Wie gibt man Parametertypen in einer Funktion an?

• Wir können die Art der Parameter angeben, indem wir sie nach jedem Parameter mit dem Symbol : erwähnen.

let ourTuple: [number, boolean, string];

// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];
//No safety in indexes from 3
ourTuple.push('This is wrong');

Wie gebe ich optionale, Standard- und Restparameter in der Funktion an?

• Mit dem Standardparameter können wir einen Parameter als optional markieren. So, wobei c optional ist und mit ? bezeichnet wird.

let ourTuple: readonly [number, boolean, string];
// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];
// throws error as it is readonly
ourTuple.push('Coding Hero took a day off');

• Die Standardwerte (eine ES6-Funktion) folgen dem Typ.

interface CarTypes {
    brand: string,
    model: string,
    year: number
}


const car: CarTypes = {
  brand: "Tata",
  model: "Punch",
  year: 2020
};

• Die übrigen Parameter (eine ES6-Funktion) erhalten den Typ eines Arrays, da sie übergebene Elemente in ein Array konvertieren.

interface CarTypes {
    brand: string,
    model: string,
    year?: number
}

const car: CarTypes = {
  brand: "Tata",
  model: "Punch"
};

---

Frage – Was ist Casting in TypeScript?

• Casting ist der Prozess des Überschreibens eines Variablentyps.
• Wie im folgenden Beispiel ist der Typ unbekannt, wird aber bei Verwendung mit dem Schlüsselwort as in einen String umgewandelt.

enum Direction {
  Up = 1,
  Down,
  Left,
  Right,
}
console.log(Direction.Up); // 1
console.log(Direction.Down); // 2

• Wir können auch anstelle von as. Beides bedeutet dasselbe.

let firstName: string = "Rutvik";

---

Frage – Was sind Generics in TypeScript?

• Mit Generika in Typeascript können Sie wiederverwendbare Komponenten oder Dunctions erstellen, die mit mehreren Datentypen arbeiten können.

let age = 23;

---

Frage – Dienstprogrammtypen in Typescript?

• TypeScript stellt Utility-Typen bereit, um gängige Typtransformationen zu vereinfachen.
• Diese Typen erleichtern die Manipulation und Interaktion mit Objekt- und Schnittstellentypen.
• Hier ist eine Aufschlüsselung einiger häufig verwendeter Dienstprogrammtypen:

1. Teilweise

• Macht alle Eigenschaften vom Typ T optional.
• Anwendungsfall: Wenn Sie ein Objekt erstellen möchten, für das nur einige Eigenschaften erforderlich sind.

let x: any = 10;
x = 'hello'; // No TypeScript error
console.log(x.toUpperCase()); // No TypeScript error

2. Erforderlich

• Macht alle Eigenschaften vom Typ T erforderlich.
• Anwendungsfall: Wenn Sie erzwingen möchten, dass alle Eigenschaften vorhanden sein müssen.

let y: unknown = 10;
// Type assertion needed before using y as number
if (typeof y === 'number') {
    console.log(y.toFixed(2));
}

3. Schreibgeschützt

• Macht alle Eigenschaften vom Typ T schreibgeschützt.
• Anwendungsfall: Um sicherzustellen, dass die Eigenschaften eines Objekts nicht geändert werden können.

function throwError(message: string): never {
    throw new Error(message);
}

4. Wählen Sie

• Erstellt einen Typ durch Auswahl einer Reihe von Eigenschaften K aus Typ T.
• Anwendungsfall: Wenn Sie nur bestimmte Eigenschaften eines Typs benötigen.

const names: string[] = ["Rutvik", "Rohit", "Virat"];
names.push("Bumrah"); // no error

5. Weglassen

• Erstellt einen Typ durch Weglassen einer Reihe von Eigenschaften K aus Typ T.
• Anwendungsfall: Wenn Sie alle Eigenschaften außer bestimmten wünschen.

const names: readonly string[] = ["Rutvik", "Rohit", "Virat"];
names.push("Bumrah"); // Error: Property 'push' does not exist on type 'readonly string[]'.

6. Aufzeichnen

• Konstruiert einen Typ mit Schlüsseln K und Werten vom Typ T.
• Anwendungsfall: So erstellen Sie einen Objekttyp mit festen Schlüsseln und konsistenten Werttypen.

const numbers = [1, 2, 3]; // inferred to type number[]
numbers.push(4); // no error

7. Ausschließen

• Schließt vom Typ T alle Typen aus, die U zuordenbar sind.
• Anwendungsfall: Um bestimmte Typen herauszufiltern.

let ourTuple: [number, boolean, string];

// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];

8. Extrahieren

• Extrahiert nur Typen vom Typ T, die U zuordenbar sind.
• Anwendungsfall: Um Typen auf eine bestimmte Teilmenge einzugrenzen.

let ourTuple: [number, boolean, string];

// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];
//No safety in indexes from 3
ourTuple.push('This is wrong');

9. Nicht nullbar

• Schließt null und undefiniert vom Typ T aus.
• Anwendungsfall: Um sicherzustellen, dass ein Wert weder null noch undefiniert ist.

let ourTuple: readonly [number, boolean, string];
// initialize correctly
ourTuple = [5, false, 'Coding Hero was here'];
// throws error as it is readonly
ourTuple.push('Coding Hero took a day off');

10. Rückgabetyp

• Leitert den Rückgabetyp eines Funktionstyps ab.
• Anwendungsfall: Um den Rückgabetyp einer Funktion zu erfassen und zu verwenden.

interface CarTypes {
    brand: string,
    model: string,
    year: number
}


const car: CarTypes = {
  brand: "Tata",
  model: "Punch",
  year: 2020
};

11. Instanztyp

• Konstruiert einen Typ, der aus dem Instanztyp eines Konstruktorfunktionstyps T besteht.
• Anwendungsfall: Um den Typ einer Klasseninstanz zu ermitteln.

interface CarTypes {
    brand: string,
    model: string,
    year?: number
}

const car: CarTypes = {
  brand: "Tata",
  model: "Punch"
};

12. Parameter

• Extrahiert die Parametertypen eines Funktionstyps.
• Anwendungsfall: Um die Parametertypen einer Funktion wiederzuverwenden.

enum Direction {
  Up = 1,
  Down,
  Left,
  Right,
}
console.log(Direction.Up); // 1
console.log(Direction.Down); // 2

---

Das obige ist der detaillierte Inhalt vonFragen zum TypeScript-Interview. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!