Översikt för JavaScript- och TypeScript-utvecklare som lär sig C#

Om du ansluter till ett team som använder C#, eller utforskar det för utveckling på serversidan eller i fullstack, hjälper den här artikeln dig att snabbt bli produktiv. Den visar vad som är bekant från JavaScript och TypeScript och vad som är nytt i C#.

C#, TypeScript och JavaScript är alla medlemmar i C-språkfamiljen. Likheterna mellan språken hjälper dig att snabbt bli produktiv i C#.

1. Liknande syntax: JavaScript, TypeScript och C# finns i C-språkfamiljen. Den likheten innebär att du redan kan läsa och förstå C#. Det finns vissa skillnader, men de flesta av syntaxen är desamma som JavaScript och C. Klammerparenteserna och semikolonen är bekanta. Kontrollinstruktionerna som if, elseoch switch är desamma. Loopningsinstruktionerna för for, whileoch do...while är desamma. Samma nyckelord för class och interface finns i både C# och TypeScript. Åtkomstmodifierarna i TypeScript och C#, från public till private, är desamma.
2. =>-token: Alla språk har stöd för lätta funktionsdefinitioner. I C# kallas de lambda-uttryck. I JavaScript kallas de vanligtvis för pilfunktioner.
3. Funktionshierarkier: Alla tre språken stöder lokala funktioner, som är funktioner som definierats i andra funktioner.
4. Async/Await: Alla tre språken delar samma async och await nyckelord för asynkron programmering.
5. Skräpinsamling: Alla tre språken förlitar sig på en skräpinsamlare för automatisk minneshantering.
6. Händelsemodell: C#:s event syntax liknar JavaScripts modell för dom-händelser (Document Object Model).
7. Pakethanterare: NuGet är den vanligaste pakethanteraren för C#, ungefär som npm för JavaScript-program. C#-bibliotek levereras i sammansättningar.

En snabbsyntax

I följande exempel visas några vanliga mönster sida vid sida. Dessa jämförelser är inte uttömmande, men de ger dig en snabb känsla för syntaxskillnaderna.

Skriv anteckningar:

// TypeScript
let name: string = "Hello";
let count: number = 5;

// C#
string name = "Hello";
int count = 5;

Async/await:

// TypeScript
async function fetchData(): Promise<string> {
    const response = await fetch(url);
    return await response.text();
}

// C#
async Task<string> FetchDataAsync() {
    var response = await client.GetAsync(url);
    return await response.Content.ReadAsStringAsync();
}

Läs mer: Asynkron programmering

Klasser:

// TypeScript
class Point {
    constructor(public x: number, public y: number) {}
}

// C#
record Point(int X, int Y);

Läs mer: Poster

Mönstermatchning:

// TypeScript - manual type checking
if (typeof value === "string") { /* ... */ }

// C# - pattern matching
if (value is string s) { /* use s */ }

Läs mer: Mönstermatchning

Nyheter för dig i C#

När du lär dig C# får du begrepp som inte ingår i JavaScript. Vissa av dessa begrepp kan vara bekanta för dig om du använder TypeScript:

1. C# Type System: C# är ett starkt skrivet språk. Varje variabel har en typ och den typen kan inte ändras. Du definierar class eller struct typer. Du kan definiera interface definitioner som definierar beteende som implementeras av andra typer. TypeScript innehåller många av dessa begrepp, men eftersom TypeScript bygger på JavaScript är typsystemet inte lika strikt.
2. Mönstermatchning: Mönstermatchning möjliggör koncisa villkorssatser och uttryck baserat på formen på komplexa datastrukturer. Uttrycket is kontrollerar om en variabel är något mönster. Det mönsterbaserade switch uttrycket ger en omfattande syntax för att inspektera en variabel och fatta beslut baserat på dess egenskaper.
3. Stränginterpolation och råa strängliteraler: Med stränginterpolation kan du infoga utvärderade uttryck i en sträng i stället för att använda positionsidentifierare. Med råa strängliteraler kan du minimera escape-sekvenser i text.
4. Null-typer och icke-nullbara typer: C# stöder nullbara värdetyper och nullbara referenstyper genom att lägga till suffixet ? till en typ. För null-typer varnar kompilatorn dig om du inte söker efter null innan du avrefererar uttrycket. För icke-nullbara typer varnar kompilatorn dig om du tilldelar variabeln ett null värde. Dessa funktioner kan minimera att programmet genererar en System.NullReferenceException. Syntaxen kan vara bekant från TypeScripts användning av ? för valfria egenskaper.
5. LINQ: Språkintegrerad fråga (LINQ) ger en gemensam syntax för att fråga och transformera data, oavsett lagring.

När du lär dig mer blir andra skillnader uppenbara, men många av dessa skillnader är mindre i omfånget.

Vissa välbekanta funktioner och idiom från JavaScript och TypeScript är inte tillgängliga i C#:

1. dynamiska typer: C# använder statiska skrivningar. En variabeldeklaration innehåller typen och den typen kan inte ändras. Det finns en dynamic-typ i C# som tillhandahåller körbindning.
2. Prototypal inheritance: C#-arv är en del av typdeklarationen. En C#-class-deklaration anger vilken basklass som helst. I JavaScript anger du __proto__ egenskapen för att ange bastypen för vilken som helst instans.
3. Tolkat språk: C#-kod måste kompileras innan du kör den. JavaScript-kod kan köras direkt i webbläsaren.

Dessutom är några fler TypeScript-funktioner inte tillgängliga i C#:

1. Uniontyper: C# stöder inte unionstyper. Designförslag pågår dock.
2. Dekoratörer: C# har inte dekoratörer. Vissa vanliga dekoratörer, till exempel @sealed är reserverade nyckelord i C#. Andra vanliga dekoratörer kan ha motsvarande attribut. För andra dekoratörer kan du skapa egna attribut.
3. Mer förlåtande syntax: C#-kompilatorn parsar kod striktare än vad JavaScript kräver.

Om du skapar ett webbprogram bör du överväga att använda Blazor för att skapa ditt program. Blazor är ett fullständigt webbramverk som skapats för C#. Blazor-komponenter kan köras på servern, som .NET-sammansättningar eller på klienten med hjälp av WebAssembly. Blazor stöder interop med dina JavaScript- eller TypeScript-favoritbibliotek.

Nästa steg

• En rundtur i C#: Få en översikt på hög nivå över alla C#-funktioner.
• Självstudier för nybörjare: Lär dig C# steg för steg med interaktiva lektioner.
• Vad du kan skapa med C#: Utforska de programtyper som du kan skapa med C#.
• Grunderna i C#: Fördjupa dig i typsystemet, objektorienterad programmering med mera.