Customize Consent Preferences

We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.

The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... 

Always Active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.

No cookies to display.

Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.

No cookies to display.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.

No cookies to display.

Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.

No cookies to display.

Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.

No cookies to display.

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

Μεταβλητές:
Οι μεταβλητές χρησιμοποιούνται για την αποθήκευση δεδομένων. Μπορείτε να δηλώσετε μια μεταβλητή χρησιμοποιώντας τη λέξη-κλειδί “let”, “const” ή “var”, ακολουθούμενη από το όνομα της μεταβλητής. Παραδείγματα:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
let age = 25;
const name = "Αλέξανδρος";
var isStudent = true;
let age = 25; const name = "Αλέξανδρος"; var isStudent = true;
let age = 25;
const name = "Αλέξανδρος";
var isStudent = true;

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

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
let number = 10; // Ακέραιος αριθμός
let pi = 3.14; // Δεκαδικός αριθμός
let message = "Γειά σου!"; // Συμβολοσειρά
let isActive = true; // Λογική τιμή (αληθής/ψευδής)
let number = 10; // Ακέραιος αριθμός let pi = 3.14; // Δεκαδικός αριθμός let message = "Γειά σου!"; // Συμβολοσειρά let isActive = true; // Λογική τιμή (αληθής/ψευδής)
let number = 10; // Ακέραιος αριθμός
let pi = 3.14; // Δεκαδικός αριθμός
let message = "Γειά σου!"; // Συμβολοσειρά
let isActive = true; // Λογική τιμή (αληθής/ψευδής)

Λειτουργίες (Functions):
Οι λειτουργίες είναι μια συλλογή δηλώσεων που εκτελούν μια συγκεκριμένη εργασία. Μπορείτε να ορίσετε μια λειτουργία χρησιμοποιώντας τη λέξη-κλειδί “function” και να την καλέσετε αργότερα. Παράδειγμα:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
function greet(name) {
console.log("Γεια σου, " + name + "!");
}
greet("Αλέξανδρε"); // Εκτύπωση: "Γεια σου, Αλέξανδρε!"
function greet(name) { console.log("Γεια σου, " + name + "!"); } greet("Αλέξανδρε"); // Εκτύπωση: "Γεια σου, Αλέξανδρε!"
function greet(name) {
  console.log("Γεια σου, " + name + "!");
}

greet("Αλέξανδρε"); // Εκτύπωση: "Γεια σου, Αλέξανδρε!"

Συνθήκες (Conditions):
Οι συνθήκες χρησιμοποιούνται για τον έλεγχο των συνθηκών και την εκτέλεση κώδικα μόνο όταν μια συνθήκη είναι αληθής. Χρησιμοποιούμε δομές όπως το “if” και το “else” για τον έλεγχο των συνθηκών. Παράδειγμα:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
let hour = 10;
if (hour < 12) {
console.log("Καλημέρα!");
} else {
console.log("Καλησπέρα!");
}
let hour = 10; if (hour < 12) { console.log("Καλημέρα!"); } else { console.log("Καλησπέρα!"); }
let hour = 10;

if (hour < 12) {
  console.log("Καλημέρα!");
} else {
  console.log("Καλησπέρα!");
}

Αυτά είναι μερικά από τα βασικά στοιχεία της JavaScript. Με αυτές τις βασικές έννοιες, μπορείτε να αρχίσετε να γράφετε απλούς προγράμματα στη γλώσσα αυτή.

Πίνακες (Arrays):
Οι πίνακες χρησιμοποιούνται για την αποθήκευση πολλαπλών τιμών σε ένα μόνο μεταβλητή. Οι τιμές μέσα σε έναν πίνακα διαχωρίζονται με κόμματα και μπορούν να είναι οποιουδήποτε τύπου δεδομένων. Παράδειγμα:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
let numbers = [1, 2, 3, 4, 5];
let fruits = ["μήλο", "πορτοκάλι", "μπανάνα"];
let numbers = [1, 2, 3, 4, 5]; let fruits = ["μήλο", "πορτοκάλι", "μπανάνα"];
let numbers = [1, 2, 3, 4, 5];
let fruits = ["μήλο", "πορτοκάλι", "μπανάνα"];

Επανάληψη (Loops):
Οι βρόχοι χρησιμοποιούνται για την εκτέλεση ενός κομματιού κώδικα επαναληπτικά. Υπάρχουν διάφοροι τύποι βρόχων, αλλά ο πιο κοινός είναι ο βρόχος “for”. Παράδειγμα:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
for (let i = 0; i < 5; i++) {
console.log(i);
}
for (let i = 0; i < 5; i++) { console.log(i); }
for (let i = 0; i < 5; i++) {
  console.log(i);
}

Αντικείμενα (Objects):
Τα αντικείμενα είναι δομές δεδομένων που μας επιτρέπουν να αποθηκεύουμε πληροφορίες σε μορφή “κλειδί-τιμή”. Τα κλειδιά είναι συμβολοσειρές που αναφέρονται σε μια συγκεκριμένη τιμή. Παράδειγμα:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
let person = {
name: "Γιάννης",
age: 30,
isStudent: true
};
console.log(person.name); // Εκτύπωση: "Γιάννης"
let person = { name: "Γιάννης", age: 30, isStudent: true }; console.log(person.name); // Εκτύπωση: "Γιάννης"
let person = {
  name: "Γιάννης",
  age: 30,
  isStudent: true
};

console.log(person.name); // Εκτύπωση: "Γιάννης"

Συναρτήσεις Χρονοδιακοπτών (Timers):
Μπορείτε να χρησιμοποιήσετε τις συναρτήσεις setTimeout() και setInterval() για να εκτελέσετε κώδικα με καθυστέρηση ή επαναλαμβανόμενα. Παράδειγμα:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
setTimeout(function() {
console.log("Γεια σας!");
}, 2000); // Εκτέλεση μετά από 2 δευτερόλεπτα
setInterval(function() {
console.log("Καλημέρα!");
}, 1000); // Επανάληψη κάθε 1 δευτερόλεπτο
setTimeout(function() { console.log("Γεια σας!"); }, 2000); // Εκτέλεση μετά από 2 δευτερόλεπτα setInterval(function() { console.log("Καλημέρα!"); }, 1000); // Επανάληψη κάθε 1 δευτερόλεπτο
setTimeout(function() {
  console.log("Γεια σας!");
}, 2000); // Εκτέλεση μετά από 2 δευτερόλεπτα

setInterval(function() {
  console.log("Καλημέρα!");
}, 1000); // Επανάληψη κάθε 1 δευτερόλεπτο

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

21 Αυγούστου, 2023
top
error: Content is protected !!
Μετάβαση σε γραμμή εργαλείων