javascript-fehlerhafter-funktionsaufruf.js

function greet(person) { 
  // toUpperCase ist auf einem String definiert, aber nicht auf einem Objekt
  return person.toUpperCase(); 
}

greet({
  name: "Susi"
})

// Laufzeitfehler: TypeError: p.toUpperCase is not a function

javascript-typesystem.js

let person = "Susi";      
console.log(typeof person); // Ausgabe: string
console.log(person.toUpperCase()); // Ausgabe: SUSI

person = 32;              
console.log(typeof person); // Ausgabe: number
console.log(person + 1); // Ausgabe: 33

person = function() { return "Kate" } 
console.log(typeof person); // Ausgabe: function
console.log(person()); // Ausgabe: Kate

react-js-hello.jsx

import React from "react";

function Hello(props) { 
  return <h1>Hello, {props.name}</h1>
}

typescript-intro-greet.ts

function greet(person: string) { 
  return person.toUpperCase(); 
}

greet({
 name: "Susi"
}); 

// TypeScript Fehler: Argument of type '{ name: string; }' 
// is not assignable to parameter of type 'string'.

const greeting = greet("Susi"); // OK

greeting.toLowerCase(); // OK, greeting ist string und darauf ist die Funktion toLowerCase definiert.

typescript-intro.ts

let person = "Susi";      
console.log(typeof name); // Ausgabe: string
name = 32;   // TypeScript Fehlermeldung: Type '32' is not assignable to type 'string'

typescript-object.ts

type Person = { name: string, lastname: string };

function greet(person: Person) {
  return `Hello, ${person.name} ${person.lastname}`
};

greet({name: "Susi", lastname: "Mueller"}); // OK
greet({name: "Klaus"}); // TS Error: Property ‘lastname’ missing

typescript-union-02.ts

 function greet(person: string | null) {
  if (person === null) {
    return "";
  }
  return person.toUpperCase(); // OK
}

typescript-union.ts

function greet(person: string | null) {
  return person.toUpperCase(); // TS Fehler: Object is possibly 'null'
}