TypeScript 5.3–5.4: neues Narrowing und NoInfer

Überblick über TypeScript 5.3

// npm install typescript@5.3

Verbesserte Eingrenzung in switch/case

type Result = { status: "ok"; data: string } | { status: "err"; code: number };

function handle(r: Result) {
  switch (r.status) {
    case "ok":
      console.log(r.data);   // r: { status: "ok"; data: string } — narrowed
      break;
    case "err":
      console.log(r.code);   // r: { status: "err"; code: number } — narrowed
      break;
  }
}

JSDoc-Unterstützung für import type

/** @import { User } from "./types.js" */

/** @param {User} user */
function greet(user) {
  console.log(user.name);
}

resolution-mode in import type

import type { User } from "some-library" with { "resolution-mode": "require" };

Überblick über TypeScript 5.4

// npm install typescript@5.4

Hilfstyp NoInfer<T>

function createStore<T>(initial: T, onChange: (val: NoInfer<T>) => void) {
  // T inferred from initial, not from onChange callback
}

createStore({ count: 0 }, (val) => {
  // val: { count: number } — inferred from initial only
});

Warum NoInfer wichtig ist

// Before NoInfer: T may be widened by the callback
function createStore<T>(initial: T, onChange: (val: T) => void) {}
createStore({ count: 0 }, (val: { count: number; extra: string }) => {});
// T widened to include extra — not what we want

Beibehaltene Eingrenzung nach Closures

function process(val: string | null) {
  if (!val) return;
  // val: string
  setTimeout(() => {
    console.log(val.toUpperCase()); // TS 5.4: still string — not widened
  }, 100);
}

Typisierung von Object.groupBy

const users = [
  { name: "Alice", role: "admin" },
  { name: "Bob", role: "user" },
];
const grouped = Object.groupBy(users, (u) => u.role);
// grouped: { [role: string]: { name: string; role: string }[] }

Verbesserte Ausgabe von Deklarationen

// Fewer "Type ... is not assignable to type ..." errors
// in generated declaration files from TS 5.4 onward

Rückblick: TS 5.3–5.4

Schnelltest

Das haben Sie gelernt