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!