JavaScript ECMAScript 2018

Πίνακας περιεχομένων

Εκμάθηση JavaScript
Εισαγωγή JavaScript
JavaScript Πού να
Έξοδος JavaScript
Δηλώσεις JavaScript
Σύνταξη JavaScript
Σχόλια JavaScript
Μεταβλητές JavaScript
JavaScript Let
Συντ. JavaScript
Χειριστές JavaScript
Αριθμητική JavaScript
Ανάθεση JavaScript
Τύποι δεδομένων JavaScript
Λειτουργίες JavaScript
Αντικείμενα JavaScript
Εκδηλώσεις JavaScript
Συμβολοσειρές JavaScript
Μέθοδοι συμβολοσειράς JavaScript
Αναζήτηση συμβολοσειρών JavaScript
Πρότυπο JavaScript Literals
Αριθμοί JavaScript
JavaScript BigInt
Μέθοδοι αριθμών JavaScript
Ιδιότητες αριθμού JavaScript
Πίνακες JavaScript
Μέθοδοι συστοιχίας JavaScript
Ταξινόμηση πίνακα JavaScript
Επανάληψη πίνακα JavaScript
Συντ. JavaScript
Αντικείμενα ημερομηνίας JavaScript
Μορφές ημερομηνίας JavaScript
Μέθοδοι ημερομηνίας JavaScript
Μέθοδοι καθορισμού ημερομηνιών JavaScript
Μαθηματικό αντικείμενο JavaScript
JavaScript Τυχαία
JavaScript Booleans
Σύγκριση JavaScript και Λογικοί τελεστές
JavaScript αν αλλιώς
Δήλωση διακόπτη JavaScript
JavaScript για βρόχο
JavaScript για In
JavaScript For Of
JavaScript while Loop
Διακοπή JavaScript και Συνέχεια
JavaScript Iterables
Σύνολα JavaScript
Χάρτες JavaScript
Τύπος JavaScript
Μετατροπές τύπου JavaScript
JavaScript Bitwise
Αντικείμενο JavaScript RegExp
Προτεραιότητα χειριστή JavaScript
Σφάλματα JavaScript Δοκιμάστε το Catch Throw
Πεδίο εφαρμογής JavaScript
Ανύψωση JavaScript
JavaScript "χρήση αυστηρής"
JavaScript αυτό
Λειτουργία βέλους JavaScript
Τάξεις JavaScript
Ενότητες JavaScript
JavaScript JSON
Εντοπισμός σφαλμάτων JavaScript
Οδηγός στυλ JavaScript
Βέλτιστες πρακτικές JavaScript
Λάθη JavaScript
Απόδοση JavaScript
Δεσμευμένες λέξεις JavaScript
Εκδόσεις JavaScript
JavaScript ES5
JavaScript ES6
JavaScript ECMAScript 2016
JavaScript ECMAScript 2017
JavaScript ECMAScript 2018
JavaScript ES2019
JavaScript ECMAScript 2020
JavaScript ECMAScript 2021
JavaScript IE & Edge
Ιστορικό JavaScript
Αντικείμενα JavaScript
Ιδιότητες JavaScript
Μέθοδοι JavaScript
Αντικείμενα εμφάνισης JavaScript
Πρόσθετα JavaScript
Κατασκευαστές JavaScript
Πρωτότυπα JavaScript
JavaScript Iterables
Σύνολα JavaScript
Χάρτες JavaScript
Μέθοδοι αντικειμένων JavaScript ES5
Ορισμοί συναρτήσεων JavaScript
Παράμετροι συνάρτησης JavaScript
Επίκληση συνάρτησης JavaScript
Μέθοδος κλήσης() συνάρτησης JavaScript
Μέθοδος application() της συνάρτησης JavaScript
Μέθοδος bind() συνάρτησης JavaScript
Κλείσιμο συναρτήσεων JavaScript
Τάξεις JavaScript
Κληρονομικότητα κλάσης JavaScript
Στατικές μέθοδοι JavaScript
Επανακλήσεις JavaScript
Ασύγχρονη JavaScript
Υποσχέσεις JavaScript
JavaScript Async
JavaScript HTML DOM
Μέθοδοι DOM JavaScript
Έγγραφο DOM JavaScript
Στοιχεία DOM JavaScript
JavaScript DOM HTML
Επικύρωση φόρμας JavaScript
JavaScript DOM CSS
JavaScript DOM Animate
Συμβάντα JavaScript DOM
JavaScript DOM EventListener
JavaScript DOM Navigation
Κόμβοι DOM JavaScript
Συλλογές JavaScript DOM
JavaScript DOM Nodelist
Παράθυρο JavaScript
Οθόνη παραθύρου JavaScript
Τοποθεσία παραθύρου JavaScript
Ιστορικό παραθύρου JavaScript
JavaScript Window Navigator
Αναδυόμενα κουτιά JavaScript
Συμβάντα χρονισμού JavaScript
Cookies JavaScript
Web API
Επικύρωση φόρμας JavaScript
Web History API
Web Storage API
Web Workers API
JavaScript Fetch API
API γεωγραφικής τοποθεσίας
AJAX Εισαγωγή
AJAX Το αντικείμενο XMLHttpRequest
AJAX XMLHttpRequest
Απόκριση διακομιστή AJAX XMLHttpRequest
AJAX XML
AJAX PHP
AJAX ASP
Βάση δεδομένων AJAX
Εφαρμογές XML
Παραδείγματα AJAX
Εισαγωγή JSON
Σύνταξη JSON
JSON εναντίον XML
Τύποι δεδομένων JSON
JSON.parse()
JSON.stringify()
JSON Literals
Πίνακες JSON
Διακομιστής JSON
JSON PHP
JSON HTML
JSONP
Επιλογείς jQuery
Στοιχεία HTML jQuery
jQuery CSS Styles
jQuery DOM
Γραφικά HTML
Καμβάς HTML
Plotly.js
Chart.js
Γράφημα Google
D3.js
Παραδείγματα JavaScript
Παραδείγματα JavaScript HTML DOM
Παραδείγματα εισαγωγής HTML JavaScript
Παραδείγματα αντικειμένων HTML JavaScript
Παραδείγματα συμβάντων JavaScript
Παραδείγματα αντικειμένων προγράμματος περιήγησης JavaScript
Εμφάνιση πίνακα περιεχομένων

Νέες δυνατότητες στο ECMAScript 2018

Αυτό το κεφάλαιο εισάγει τις νέες δυνατότητες στο ECMAScript 2018:

• Ασύγχρονη Επανάληψη

• Υπόσχεση Τέλος

• Ιδιότητες ανάπαυσης αντικειμένου

• Νέες δυνατότητες RegExp

• Κοινόχρηστη μνήμη JavaScript

Ασύγχρονη επανάληψη JavaScript

Το ECMAScript 2018 πρόσθεσε ασύγχρονους επαναλήπτες και επαναληπτικούς.

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

for await () {}

Η ασύγχρονη επανάληψη JavaScript υποστηρίζεται σε όλα τα σύγχρονα προγράμματα περιήγησης από τον Ιανουάριο του 2020:

JavaScript Promise.τελικά

Το ECMAScript 2018 ολοκληρώνει την πλήρη υλοποίηση του αντικειμένου Promise με το Promise.finally:

let myPromise = new Promise();

myPromise.then();
myPromise.catch();
myPromise.finally();

Το Promise.finally υποστηρίζεται σε όλα τα σύγχρονα προγράμματα περιήγησης από τον Νοέμβριο του 2018:

Ιδιότητες ανάπαυσης αντικειμένων JavaScript

Το ECMAScript 2018 πρόσθεσε ιδιότητες ανάπαυσης.

Αυτό μας επιτρέπει να καταστρέψουμε ένα αντικείμενο και να συλλέξουμε τα υπολείμματα σε ένα νέο αντικείμενο:

let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };
x; // 1
y; // 2
z; // { a: 3, b: 4 }

Οι ιδιότητες ανάπαυσης αντικειμένων υποστηρίζονται σε όλα τα σύγχρονα προγράμματα περιήγησης από τον Ιανουάριο του 2020:

Νέες δυνατότητες JavaScript RegExp

Το ECMAScript 2018 πρόσθεσε 4 νέες δυνατότητες RegExp:

• Unicode Property Escapes (\p{...})

• Lookbehind Assertions (?<= ) και (?

• Ονομασμένες ομάδες λήψης

• s (dotAll) Σημαία

Οι νέες δυνατότητες RegExp υποστηρίζονται σε όλα τα σύγχρονα προγράμματα περιήγησης από τον Ιούνιο του 2020:

Νήματα JavaScript

Στο JavaScript χρησιμοποιείτε το Web Workers API για να δημιουργήσετε νήματα.

Τα νήματα Worker χρησιμοποιούνται για την εκτέλεση κώδικα στο παρασκήνιο, έτσι ώστε το κύριο πρόγραμμα να μπορεί να συνεχίσει την εκτέλεση.

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

Κοινόχρηστη μνήμη JavaScript

Η κοινόχρηστη μνήμη είναι μια δυνατότητα που επιτρέπει σε νήματα (διαφορετικά μέρη ενός προγράμματος). πρόσβαση και ενημέρωση των ίδιων δεδομένων στην ίδια μνήμη.

Αντί να μεταβιβάζετε δεδομένα μεταξύ νημάτων, μπορείτε να περάσετε ένα αντικείμενο SharedArrayBuffer που δείχνει στη μνήμη όπου αποθηκεύονται τα δεδομένα.

SharedArrayBuffer

Ένα αντικείμενο SharedArrayBuffer αντιπροσωπεύει μια προσωρινή μνήμη ακατέργαστων δυαδικών δεδομένων σταθερού μήκους παρόμοια με το αντικείμενο ArrayBuffer.