Typescript an der LMU München

Karteikarten und Zusammenfassungen für Typescript an der LMU München

Arrow Arrow

Komplett kostenfrei

studysmarter schule studium
d

4.5 /5

studysmarter schule studium
d

4.8 /5

studysmarter schule studium
d

4.5 /5

studysmarter schule studium
d

4.8 /5

Lerne jetzt mit Karteikarten und Zusammenfassungen für den Kurs Typescript an der LMU München.

Beispielhafte Karteikarten für Typescript an der LMU München auf StudySmarter:

What is Typescript?

Beispielhafte Karteikarten für Typescript an der LMU München auf StudySmarter:

What are the types in Typescript?

Beispielhafte Karteikarten für Typescript an der LMU München auf StudySmarter:

What is Type inference in Typescript?

Beispielhafte Karteikarten für Typescript an der LMU München auf StudySmarter:

What is the "read-only" property?

Beispielhafte Karteikarten für Typescript an der LMU München auf StudySmarter:

What is an abstract class?

Beispielhafte Karteikarten für Typescript an der LMU München auf StudySmarter:

How to implement the Singleton pattern?

Beispielhafte Karteikarten für Typescript an der LMU München auf StudySmarter:

1. What modifiers can you add in Interfaces?

2. Can you use interfaces for function types (or only custom types)?

3. How to make params optional?

4. Will you see interface implementation in output code?

Beispielhafte Karteikarten für Typescript an der LMU München auf StudySmarter:

What are Intersection Types?

Beispielhafte Karteikarten für Typescript an der LMU München auf StudySmarter:

1. What are Type Guards?

2. What are discriminated unions?

3. What is type casting?

4. What is "!"?

Beispielhafte Karteikarten für Typescript an der LMU München auf StudySmarter:

What are index properties?

Beispielhafte Karteikarten für Typescript an der LMU München auf StudySmarter:

What is a function overload?

Beispielhafte Karteikarten für Typescript an der LMU München auf StudySmarter:

What is optional chaining?

Kommilitonen im Kurs Typescript an der LMU München. erstellen und teilen Zusammenfassungen, Karteikarten, Lernpläne und andere Lernmaterialien mit der intelligenten StudySmarter Lernapp. Jetzt mitmachen!

Jetzt mitmachen!

Flashcard Flashcard

Beispielhafte Karteikarten für Typescript an der LMU München auf StudySmarter:

Typescript

What is Typescript?

- a superset of JS because every TS code can be compiled to JS code

- cannot be executed in the browser/JS environment

- errors can be found before run time

- adds types (static types instead of dynamic)


+ when TS code gets compiled to JS code, only the JS code will be executed and the TS code is not in there. Using TS then has the advantage that the compiler complains when a potential error source is found, and so the code is rewritten so that an error cannot occur in JS

+ errors can be found during compilation, so before run time

+ transpires ES6+ code

+ adds features like Interfaces, Generics and Decorators

+ rich configuration options

Typescript

What are the types in Typescript?

Note: all types in TS are lowercase


1) number

2) string

3) boolean

4) object (key types can be added)

e.g. const person = {

   name: string;

   age: number;

} = {

   name: "Max",

   age: 23

}

5) Array (e.g. string[])

6) Tuple (e.g. [number, string])

Attention: push() works also with 1 element only

7) enum 

e.g. enum Role { ADMIN, READ_ONLY, AUTHOR }

8) any (e.g. any[] or any) <-- to avoid!!!

9) union (e.g. string | number)

Note: additional runtime type checking might be necessary

10) literal (e.g. 'as-string' | 'as-number') with union

11) custom type/type alias (e.g.

  1. type User = { name: string; age: number };

)

12) function return type (e.g. function add(n1: number, n2: number): number) & void

Note: a functions type should be void not undefined when it returns nothing

13) Function (e.g. let func = add: Function) & function types (e.g. let func = add: (a: number, b: number) => number (2 params, returns 1 number))

14) callback type (e.g. cb: (num: number => void) where void tells that we are not interested in a return value)

15) unknown (better than any)

16) never (e.g. when a function never returns)

17) Intersection Type & (to combine 2 types or interfaces)

Typescript

What is Type inference in Typescript?

Example:

const age = 28;


Typescript infers/assumes that this age is constant and uses number. So you don't need to explicitly add a type (like const age:number = 28).

Type inference also happens for functions

Typescript

What is the "read-only" property?

e.g.

constructor(private read-only id: string) {

  this.id = id

}

Typescript

What is an abstract class?

a class which is abstract and has abstract functions. It forces child classes to implement the abstract functions. It cannot be instantiated but has to be extended by a child class

Typescript

How to implement the Singleton pattern?

With a private constructor and a static method which either returns an instance or creates a new instance if no instance is declared yet.

Typescript

1. What modifiers can you add in Interfaces?

2. Can you use interfaces for function types (or only custom types)?

3. How to make params optional?

4. Will you see interface implementation in output code?

1, only read-only but not public/protected/private

2. yes

3. with ? e.g. name?: string

4. no, because it's a TS feature and only suppose to help during development

Typescript

What are Intersection Types?

They allow to combine types


type type1 = string;

type type2 = number;


type Combinable =  type1 & type2;

Typescript

1. What are Type Guards?

2. What are discriminated unions?

3. What is type casting?

4. What is "!"?

1. To check the type during run-time, as multiple types are in play


  • typeof
  • instanceof
  • in


Note: type guards don't work with interfaces as they are not compiled to JS


2. every interface has a  type prop. In a function define a switch statement to catch the types.


3. 2 possibilities:

a) <typesomething>document.getElementById('.id');

b) document.getElementById('.id') as typesomething;


4. If you are sure that an expression will not be null

document.getElementById('.id')!

Typescript

What are index properties?

when you don't know yet what properties (and how many) an interface will have

e.g. [prop: string]: string


Note: it restricts the type to only use the index properties type (here string)

Typescript

What is a function overload?

when a function has several function definitions with different types

Typescript

What is optional chaining?

? operator checks if value is undefined (see ruby)

Melde dich jetzt kostenfrei an um alle Karteikarten und Zusammenfassungen für Typescript an der LMU München zu sehen

Singup Image Singup Image
Wave

Andere Kurse aus deinem Studiengang

Für deinen Studiengang Typescript an der LMU München gibt es bereits viele Kurse auf StudySmarter, denen du beitreten kannst. Karteikarten, Zusammenfassungen und vieles mehr warten auf dich.

Zurück zur LMU München Übersichtsseite

Was ist StudySmarter?

Was ist StudySmarter?

StudySmarter ist eine intelligente Lernapp für Studenten. Mit StudySmarter kannst du dir effizient und spielerisch Karteikarten, Zusammenfassungen, Mind-Maps, Lernpläne und mehr erstellen. Erstelle deine eigenen Karteikarten z.B. für Typescript an der LMU München oder greife auf tausende Lernmaterialien deiner Kommilitonen zu. Egal, ob an deiner Uni oder an anderen Universitäten. Hunderttausende Studierende bereiten sich mit StudySmarter effizient auf ihre Klausuren vor. Erhältlich auf Web, Android & iOS. Komplett kostenfrei. Keine Haken.

Awards

Bestes EdTech Startup in Deutschland

Awards
Awards

European Youth Award in Smart Learning

Awards
Awards

Bestes EdTech Startup in Europa

Awards
Awards

Bestes EdTech Startup in Deutschland

Awards
Awards

European Youth Award in Smart Learning

Awards
Awards

Bestes EdTech Startup in Europa

Awards

So funktioniert's

Top-Image

Individueller Lernplan

StudySmarter erstellt dir einen individuellen Lernplan, abgestimmt auf deinen Lerntyp.

Top-Image

Erstelle Karteikarten

Erstelle dir Karteikarten mit Hilfe der Screenshot-, und Markierfunktion, direkt aus deinen Inhalten.

Top-Image

Erstelle Zusammenfassungen

Markiere die wichtigsten Passagen in deinen Dokumenten und bekomme deine Zusammenfassung.

Top-Image

Lerne alleine oder im Team

StudySmarter findet deine Lerngruppe automatisch. Teile deine Lerninhalte mit Freunden und erhalte Antworten auf deine Fragen.

Top-Image

Statistiken und Feedback

Behalte immer den Überblick über deinen Lernfortschritt. StudySmarter führt dich zur Traumnote.

1

Lernplan

2

Karteikarten

3

Zusammenfassungen

4

Teamwork

5

Feedback