TypeScript

TypeScript

Programspråk 

Programmeringsspråk, skriptspråk, imperativt programmeringsspråk, functional programming language, event-driven programming language, strict programming language, högnivåspråk, FOSS 

Tillkomst	1 oktober 2012
Skapare	Anders Hejlsberg
Influerad av	Javascript, C-sharp, Java, CoffeeScript
Prog­ram­me­rings­pa­ra­digm	funktionell programmering, Generisk programmering, imperativ programmering, objektorienterad programmering, event-driven programming
Utveck­la­re	Microsoft
Designer	Microsoft
Prog­ram­me­rings­sp­råk	Javascript, TypeScript
Software quality assurance	kontinuerlig integration
Version för prog­ram­va­ra	5.4.2
Officiell webbplats	www.typescriptlang.org
Licens	Apache 2.0
Typing dis­cip­li­ne	Duck typing, gradual typing, structural typing
Dialect of computer language	Javascript
ACM Clas­si­fi­ca­tion Code (2012)	10011490
Fil­än­del­se	ts, tsx

TypeScript är ett programmeringsspråk med öppen källkod som skapats den 1 oktober 2012 och upprätthålls av Microsoft. TypeScript bygger på JavaScript och lägger till flera avancerade funktioner som exempelvis statisk typkontroll, vilket innebär att typen (t.ex. heltal, sträng, objekt etc.) av variabler och parametrar definieras vid kompileringstiden i stället för vid körningstiden. På så sätt kan potentiella fel i koden identifieras och åtgärdas tidigt i utvecklingsprocessen, före programmet faktiskt körs. Det ökar säkerheten i koden och gör det enklare att hålla reda på och felsöka den. TypeScript tillämpar statisk typkontroll på detta sätt, medan JavaScript är ett dynamiskt typat språk.

Huvudsyftet med TypeScript är att förbättra utvecklarens produktivitet och säkerhet genom ett effektivare sätt att koda och enklare felsökning jämfört med vanlig Javascript, som inte har alla dessa funktioner.

TypeScript kompilerar sedan koden till Javascript i ett kortfattat och effektivt format, vilket innebär att koden kan köras på alla plattformar som stöder JavaScript.^[1]

En TypeScript-fil har vanligtvis filavslutningen .ts eller .tsx för JSX.

Stöd

Genom utvecklingsmiljöerna Node.js och Deno så kan man utveckla, kompilera och köra TypeScript-kod. För Node.js kan man installera TypeScript med mjukvaran npm, pnpm eller Yarn och man definierar sina kompilationsinställningar i en tsconfig.json-fil, men för Deno finns det förinstallerat.^[2][3][4]

Typannotationer

TypeScript tillåter statisk typning genom typannotationer vilket möjliggör för typcheckning både innan och efter koden utförs.

function addera(a: number, b: number): number {
    return a + b    
}

I den första funktionen kan man se att den tar nummer a och nummer b som parametrar. Genom kolonet och typen number så kan vi klargöra att båda är av typen nummer. Man kan också se att själva funktionen returnerar ett nummer genom frasen : number på sidan av den. Ifall man överträder dessa typer får man till exempel felmeddelandet Type 'number' is not assigned to type 'string'.

let x: [string, number]

x = [10, "hello"];

Exempel på hur TypeScript kan hitta fel innan koden körs.

^[5]

Deklarationsfiler

När TypeScript-kod kompileras finns det ett val att generera en deklarationsfil med filtillägget .d.ts. som fungerar som ett gränssnitt för komponenterna av den kompilerade JavaScript-koden. I deklarationsfilerna tar kompilatorn bara ut typerna, ingen kod. Detta skapar en renare och mer koncentrerad representation av de olika typerna istället för att ha dem utspridda över flera filer.

declare namespace aritmetik {
    addera(left: number, right: number): number;
    subtahera(left: number, right: number): number;
    multiplicera(left: number, right: number): number;
    dividera(left: number, right: number): number;
}

tsconfig.json

tsconfig.json är en reserverad fil som används vid kodning i TypeScript. Den använder filtypen JSON och specificerar hur TypeScripts kompilator ska kompilera TypeScript-koden. Här kan man specificera hur olika delar av typsystemet ska fungera och hur felkoder ska hanteras. ^[6]

{
  "compilerOptions": {
    "module": "commonjs",
    "noImplicitReturns": true,
    "noUnusedLocals": true,
    "outDir": "lib",
    "sourceMap": true,
    "strict": true,
    "target": "es2017",
    "esModuleInterop": true,
    "types": []
  },
  "compileOnSave": true,
  "include": [
    "src"
  ],
  "exclude": [
    "node_modules"
  ],
}

Referenser

Den här artikeln är helt eller delvis baserad på material från engelskspråkiga Wikipedia, tidigare version.

Noter