57. ECMAScript 6 – ECMAScript 2015

JS Version ES6


Τι είναι το ECMAScript 6;

Το ECMAScript 6 είναι επίσης γνωστό ως ES6 και ECMAScript 2015.

Μερικοί άνθρωποι το αποκαλούν JavaScript 6.

Αυτό το κεφάλαιο θα εισαγάγει μερικά από τα νέα χαρακτηριστικά του ES6.

  • JavaScript let
  • JavaScript const
  • Συναρτήσεις βέλους (Arrow Functions) JavaScript
  • Κλάσεις JavaScript
  • Προεπιλεγμένες τιμές παραμέτρων
  • Array.find()
  • Array.findIndex()
  • Ύψωση σε δύναμη ( ** ) (EcmaScript 2016)

Υποστήριξη προγράμματος περιήγησης για ES6 (ECMAScript 2015)

Το Safari 10 και το Edge 14 ήταν τα πρώτα προγράμματα περιήγησης που υποστηρίζουν πλήρως το ES6:

Chrome 58Edge 14Firefox 54Safari 10Opera 55
Jan 2017Aug 2016Mar 2017Jul 2016Aug 2018

JavaScript let

Η δήλωση let σας επιτρέπει να δηλώσετε μια μεταβλητή με πεδίο εμβέλειας.

Παράδειγμα

var x = 10;
// Here x is 10
{
  let x = 2;
  // Here x is 2
}
// Here x is 10

Δοκιμάστε τον εαυτό σας »


JavaScript const

Η constδήλωση σας επιτρέπει να δηλώσετε μια σταθερά (μια μεταβλητή JavaScript με μια σταθερή τιμή).

Οι σταθερές είναι παρόμοιες με τις μεταβλητές, εκτός από το ότι η τιμή δεν μπορεί να αλλάξει.

Παράδειγμα

var x = 10;
// Here x is 10
{
  const x = 2;
  // Here x is 2
}
// Here x is 10

Δοκιμάστε τον εαυτό σας »

Διαβάστε περισσότερα για το let και const στο  Javascript Let / Const κεφάλαιο .


Arrow Functions

Οι συναρτήσεις βέλους επιτρέπουν μια σύντομη σύνταξη για τη σύνταξη εκφράσεων συναρτήσεων.

Δεν χρειάζεστε τη λέξη-κλειδί function, τη λέξη-κλειδί return και τα άγκιστρα .

Παράδειγμα

// ES5
var x = function(x, y) {
   return x * y;
}

// ES6
const x = (x, y) => x * y;

Δοκιμάστε τον εαυτό σας »

Οι συναρτήσεις βέλους δεν έχουν τη δική τους this. Δεν είναι κατάλληλες για τον ορισμό μεθόδων αντικειμένων .

Οι συναρτήσεις πινάκων δεν ανυψώνονται. Πρέπει να οριστούν πριν χρησιμοποιηθούν.

Η χρήση const είναι ασφαλέστερη από τη χρήση var, επειδή μια έκφραση συνάρτησης είναι πάντα σταθερή τιμή.

Μπορείτε να παραλείψετε μόνο τη return λέξη-κλειδί και τα άγκιστρα εάν η συνάρτηση είναι μία μόνο δήλωση. Εξαιτίας αυτού, ίσως είναι καλή συνήθεια να τα κρατάτε πάντα:

Παράδειγμα

const x = (x, y) => { return x * y };

Δοκιμάστε τον εαυτό σας »

Μάθετε περισσότερα σχετικά με τις συναρτήσεις πινάκων στο κεφάλαιο  JavaScript Arrow Function.


Classes

Το ES6 εισήγαγε τις κλάσεις (classes).

Μια κλάση είναι ένας τύπος συνάρτησης, αλλά αντί να χρησιμοποιήσουμε τη λέξη-κλειδί function για να την ξεκινήσουμε, χρησιμοποιούμε τη λέξη-κλειδί class και οι ιδιότητες προσδιορίζονται μέσα σε μια constructor() μέθοδο.

Χρησιμοποιήστε τη λέξη-κλειδί class για να δημιουργήσετε μια κλάση και πάντα προσθέστε μια μέθοδο κατασκευαστή.

Η μέθοδος κατασκευής καλείται κάθε φορά που αρχικοποιείται το αντικείμενο κλάσης.

Παράδειγμα

Ένας απλός ορισμός κλάσης για μια κλάση με το όνομα “Car”:

class Car {
  constructor(brand) {
    this.carname = brand;
  }
}

Τώρα μπορείτε να δημιουργήσετε αντικείμενα χρησιμοποιώντας την κατηγορία Car:

Παράδειγμα

Δημιουργήστε ένα αντικείμενο που ονομάζεται “mycar” με βάση την κλάση Car:

class Car {
  constructor(brand) {
    this.carname = brand;
  }
}
mycar = new Car("Ford");

Δοκιμάστε τον εαυτό σας »

Μάθετε περισσότερα σχετικά με τα μαθήματα στο κεφάλαιο JavaScript Classes .


Προεπιλεγμένες τιμές παραμέτρων

Το ES6 επιτρέπει στις παραμέτρους συνάρτησης να έχουν προεπιλεγμένες τιμές.

Παράδειγμα

function myFunction(x, y = 10) {
  // y is 10 if not passed or undefined
  return x + y;
}
myFunction(5); // will return 15

Δοκιμάστε τον εαυτό σας »


Array.find()

Η find() μέθοδος επιστρέφει την τιμή του πρώτου στοιχείου πίνακα που περνάει μια συνάρτηση δοκιμής.

Αυτό το παράδειγμα βρίσκει (επιστρέφει την τιμή από) το πρώτο στοιχείο που είναι μεγαλύτερο από 18:

Παράδειγμα

var numbers = [4, 9, 16, 25, 29];
var first = numbers.find(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

Δοκιμάστε τον εαυτό σας »

Σημειώστε ότι η συνάρτηση παίρνει 3 ορίσματα:

  • Την τιμή των στοιχείων
  • Τον δείκτη των στοιχείων
  • Τον ίδιο τον πίνακα

Array.findIndex()

Η findIndex() μέθοδος επιστρέφει το δείκτη του πρώτου στοιχείου πίνακα που περνάει μια συνάρτηση δοκιμής.

Αυτό το παράδειγμα βρίσκει τον δείκτη του πρώτου στοιχείου που είναι μεγαλύτερος από 18:

Παράδειγμα

var numbers = [4, 9, 16, 25, 29];
var first = numbers.findIndex(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

Δοκιμάστε τον εαυτό σας »

Σημειώστε ότι η συνάρτηση παίρνει 3 ορίσματα:

  • Την τιμή των στοιχείων
  • Τον δείκτη των στοιχείων
  • Τον ίδιο τον πίνακα

Νέες ιδιότητες αριθμών

Το ES6 πρόσθεσε τις ακόλουθες ιδιότητες στο αντικείμενο Number:

  • EPSILON
  • MIN_SAFE_INTEGER
  • MAX_SAFE_INTEGER

Παράδειγμα

var x = Number.EPSILON;

Δοκιμάστε τον εαυτό σας »

Παράδειγμα

var x = Number.MIN_SAFE_INTEGER;

Δοκιμάστε τον εαυτό σας »

Παράδειγμα

var x = Number.MAX_SAFE_INTEGER;

Δοκιμάστε τον εαυτό σας »


Νέες μέθοδοι αριθμών

Το ES6 πρόσθεσε 2 νέες μεθόδους στο αντικείμενο Number:

  • Number.isInteger()
  • Number.isSafeInteger()

Η μέθοδος Number.isInteger()

Η μέθοδος Number.isInteger() επιστρέφει true αν το όρισμα είναι ακέραιος.

Παράδειγμα

Number.isInteger(10);        // returns true
Number.isInteger(10.5);      // returns false

Δοκιμάστε τον εαυτό σας »


Η μέθοδος Number.isSafeInteger()

Ένας ασφαλής ακέραιος είναι ένας ακέραιος που μπορεί να αναπαρασταθεί ακριβώς ως ένας αριθμός διπλής ακρίβειας.

Η μέθοδος Number.isSafeInteger() επιστρέφει true αν το όρισμα είναι ένας ασφαλής ακέραιος αριθμός.

Παράδειγμα

Number.isSafeInteger(10);    // returns true
Number.isSafeInteger(12345678901234567890);  // returns false

Δοκιμάστε τον εαυτό σας »

Οι ασφαλείς ακέραιοι είναι όλοι ακέραιοι από – (2 53 – 1) έως + (2 53 – 1).
Αυτό είναι ασφαλές: 9007199254740991. Αυτό δεν είναι ασφαλές: 9007199254740992.


Νέες καθολικές (global) μέθοδοι

Το ES6 πρόσθεσε επίσης 2 νέες καθολικές μεθόδους αριθμών:

  • isFinite()
  • isNaN()

Η μέθοδος isFinite()

Η καθολική μέθοδος isFinite() επιστρέφει false αν το όρισμα είναι Infinityή NaN.

Διαφορετικά επιστρέφει true:

Παράδειγμα

isFinite(10/0);       // returns false
isFinite(10/1);       // returns true

Δοκιμάστε τον εαυτό σας »


Η μέθοδος isNaN()

Η καθολική μέθοδος isNaN() επιστρέφει true αν το όρισμα είναι NaN. Διαφορετικά επιστρέφει false:

Παράδειγμα

isNaN("Hello");       // returns true

Δοκιμάστε τον εαυτό σας »


Τελεστής ύψωσης σε δύναμη

Ο τελεστής ύψωσης σε δύναμη **) αυξάνει τον πρώτο τελεστή στην δύναμη του δεύτερου τελεστή.

Παράδειγμα

var x = 5;
var z = x ** 2;          // result is 25

Δοκιμάστε τον εαυτό σας »

x ** y παράγει το ίδιο αποτέλεσμα με Math.pow(x,y):

Παράδειγμα

var x = 5;
var z = Math.pow(x,2);   // result is 25

Δοκιμάστε τον εαυτό σας »


Days
Hours
Minutes

57. ECMAScript 6 – ECMAScript 2015

Κοινοποίηση

Share on facebook
Share on twitter

Ακολουθήστε μας

Αρέσει σε %d bloggers: