Τι είναι η TypeScript

4 min read
Τι είναι η TypeScript

Αυτό το άρθρο δεν αποτελεί πλήρη οδηγό εκμάθησης της TypeScript, αλλά μια συνοπτική παρουσίαση της γλώσσας, των ιδιαιτεροτήτων της και των όμορφων εργαλείων που διαθέτει, καθώς και του τρόπου με τον οποίο μας κάνει τη ζωή πολύ πιο εύκολη.

Τι είναι η TypeScript

Η TypeScript είναι μια γλώσσα προγραμματισμού που βασίζεται στη JavaScript και την επεκτείνει με μερικά πολύ χρήσιμα εργαλεία. Mε απλά λόγια, σου επιτρέπει να γράφεις JavaScript με περισσότερη οργάνωση και περισσότερους ελέγχους, ώστε να βρίσκεις λάθη πιο εύκολα πριν τρέξει ο κώδικας.

Τι δεν είναι η TypeScript

Η TypeScript δεν είναι μια εντελώς διαφορετική γλώσσα προγραμματισμού· στην πράξη, είναι η JavaScript εμπλουτισμένη με ένα ισχυρό σύνολο εργαλείων και δυνατότητων που κάνουν την ανάπτυξη πολύ πιο εύκολη και ασφαλή.

Επομένως, δεν είναι ο «μπαμπούλας» που πολλοί φαντάζονται. Αν γνωρίζεις ήδη JavaScript, τότε είναι πολύ πιο εύκολο να κατανοήσεις τη TypeScript και να αρχίσεις να τη χρησιμοποιείς γρήγορα.

Γιατί χρειάζεται;

Όσο ένα project μεγαλώνει, τόσο πιο εύκολο είναι να εμφανιστούν προβλήματα:

  • λάθος ονόματα σε μεταβλητές.
  • λάθος τύποι δεδομένων.
  • συναρτήσεις που παίρνουν άλλα δεδομένα από αυτά που περιμένουν.
  • δυσκολία στο να καταλάβεις τι κάνει ο κώδικας μετά από καιρό.
  • συντακτικά ή λογικά προβλήματα.

Τι προβλήματα λύνει

1. Λάθη τύπων κατά την ανάπτυξη

Στη JavaScript μπορεί εύκολα να περάσει λάθος τύπος δεδομένων σε μια μεταβλητή, συνάρτηση ή επιστροφή τιμής, χωρίς να το καταλάβουμε άμεσα. Η TypeScript εντοπίζει τέτοια λάθη νωρίς, πριν καν τρέξει ο κώδικας.

2. Δυσκολία στη συντήρηση μεγάλων projects

Σε μικρά projects τα λάθη βρίσκονται πιο εύκολα. Σε μεγάλα projects όμως, με πολλά αρχεία, συναρτήσεις και μεταβλητές, γίνεται πιο δύσκολο να εντοπίσουμε τι φταίει. Προσφέρει σαφή δομή και καλύτερο έλεγχο, ώστε ο κώδικας να παραμένει διαχειρίσιμος.

3. Περισσότερα bugs σε ομαδικά projects

Όταν δουλεύουν πολλά άτομα στο ίδιο project, είναι πιο εύκολο να δημιουργηθούν ασυμβατότητες ή λάθος χρήσεις μεταβλητών και συναρτήσεων. Mειώνει αυτά τα προβλήματα, επειδή επιβάλλει συνέπεια στον τρόπο που γράφεται ο κώδικας.

4. Δυσκολία στο refactoring

Όταν θέλουμε να αλλάξουμε κάτι σε ένα υπάρχον project, υπάρχει πάντα ο φόβος ότι θα “σπάσουμε” άλλο κομμάτι του κώδικα.

5. Ασάφεια στον κώδικα

Στη JavaScript συχνά δεν είναι ξεκάθαρο τι δεδομένα περιμένει μια συνάρτηση ή τι επιστρέφει. Με τη TypeScript οι τύποι λειτουργούν σαν “συμβόλαιο”, κάνοντας τον κώδικα πιο κατανοητό.

6. Σφάλματα μόνο στο runtime

Στη JavaScript πολλά προβλήματα εμφανίζονται μόνο όταν εκτελεστεί ο κώδικας. Η TypeScript μεταφέρει μεγάλο μέρος αυτών των ελέγχων νωρίτερα, στο στάδιο της ανάπτυξης.

Βασικοί τύποι δεδομένων

Η TypeScript μάς επιτρέπει να ορίζουμε τι τύπο δεδομένων περιέχει μια μεταβλητή.

Συνηθισμένοι τύποι:

  • string απλό κείμενο ακολουθία αλφαρηθμιτικών χαρακτήρων.
  • number τόσο ακέραιες όσο και τιμές κινητής υποδιαστολής.
  • boolean μπορεί να είναι μόνο true ή false
  • null σύμβολο κράτησης θέσης όταν δεν υπάρχει καμία τιμή.
  • undefined μεταβλητές που έχουν δηλωθεί αλλά δεν έχουν αρχικοποιηθεί.

Type Inference

Kαταλαβαίνει μόνη της τον τύπο μιας μεταβλητής.

let city = 'Athens' // inferred as string
let year = 2026 // inferred as number

Union Types

Μια μεταβλητή μπορεί να δέχεται περισσότερους από έναν τύπους.

let id: string | number;
id = 101;
id = "user-101";

Literal Types

Μπορούμε να περιορίσουμε μια τιμή σε πολύ συγκεκριμένες επιλογές.

let status: "success" | "error" | "loading";
status = "success";

Generics

Bοηθούν στο να γράφουμε επαναχρησιμοποιήσιμο κώδικα χωρίς να χάνουμε πληροφορία τύπων.

function identity<T>(value: T): T {
  return value;
}

const result = identity<string>("Hello");

Interfaces

Τα interfaces χρησιμοποιούνται για να περιγράφουν τη δομή ενός αντικειμένου.

interface User {
  name: string;
  age: number;
  isAdmin: boolean;
}

const user: User = {
  name: "Nikos",
  age: 25,
  isAdmin: false
};

Μεταγλώττιση σε JavaScript

Η TypeScript δεν εκτελείται απευθείας από τον browser όπως είναι. Πρέπει πρώτα να μεταγλωττιστεί σε JavaScript.

Εγκατάσταση του TypeScript Compiler

Αν χρησιμοποιείς Windows, Linux ή macOS, η διαδικασία είναι η ίδια.

Βήματα εγκατάστασης:

  • Εγκατέστησε το Node.js (κατά προτίμηση την έκδοση LTS).
  • Εγκατέστησε τον TypeScript Compiler (tsc) μέσω npm.

  1. Εγκατάσταση του TypeScript Compiler

Άνοιξε το terminal ή το command prompt και εκτέλεσε την παρακάτω εντολή:

npm install -g typescript

  1. Έλεγχος εγκατάστασης

Για να επιβεβαιώσεις ότι η εγκατάσταση ολοκληρώθηκε σωστά, εκτέλεσε:

tsc -v

Αν πήγαν όλα καλά θα δεις την έκδοση του compiler.

  1. Mετατροπή TS σε JS

Aνοίγουμε τον φάκελο του project με terminal και γράφουμε:

tsc app.ts

Τελικό αρχείο εκτέλεσης

Μόλις μεταγλώτισες τον κώδικα σου σε απλή JavaScript. Θα πρέπει να έχεις ενα ακόμα αρχείο με όνομα app.js

Γιατί αξίζει να τη μάθεις ;

Η TypeScript μας βοηθά, να:

  • βρίσκουμε λάθη νωρίς
  • γράφουμε πιο καθαρό κώδικα
  • καταλαβαίνουμε καλύτερα τη δομή των δεδομένων
  • κάνουμε πιο ασφαλές refactoring
  • συνεργαζόμαστε πιο εύκολα σε μεγάλα projects
  • έχουμε καλύτερη υποστήριξη από τον editor

Συμπέρασμα

Η TypeScript δεν είναι κάτι τρομακτικό ούτε μια εντελώς διαφορετική γλώσσα. Είναι η JavaScript με επιπλέον δυνατότητες που κάνουν τον κώδικα πιο οργανωμένο, πιο ασφαλή και πιο εύκολο στη συντήρηση. Αν κάποιος ξέρει ήδη JavaScript, τότε η μετάβαση στην TypeScript είναι πολύ πιο εύκολη απ’ όσο φαντάζεται.

Extra Bonus

Σου προτείνω να δείς το βίντεο του Kosta Minaidi στα Ελληνικά το οποίο με έκανε να την καταλάβω και να την αγαπήσω. Τον ευχαριστώ πολύ για την συμβολή του, Θα το βρείς ΕΔΩ

Suggest an edit

Last modified: 17 Mar 2026