JavaScript ES6

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

ECMAScript 6 ονομάζεται επίσης ES6 και ECMAScript 2015.

Ορισμένοι το αποκαλούν JavaScript 6.

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

  • JavaScript let
  • JavaScript const
  • Πηλίκο (**)
  • Προεπιλεγμένες τιμές παραμέτρων
  • Array.find()
  • Array.findIndex()

Υποστήριξη περιηγητών για το ES6 (ECMAScript 2015)

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

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

JavaScript let

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

Παράδειγμα

var x = 10;
// Εδώ x είναι 10
{ 
  let x = 2;
  // Εδώ x είναι 2
}
// Εδώ x είναι 10

Δοκιμάστε το προσωπικά

JavaScript const

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

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

Παράδειγμα

var x = 10;
// Εδώ x είναι 10
{ 
  const x = 2;
  // Εδώ x είναι 2
}
// Εδώ x είναι 10

Δοκιμάστε το προσωπικά

Παρακαλώ διαβάστε το JavaScript Let / Const Περισσότερα για let Και const Το περιεχόμενο.

Πράξη εξίσωσης πηλίκου

Η πράξη εξίσωσης πηλίκου (**Αυτή η πράξη αυξάνει τον πρώτο οπλισμό στον δείκτη του δεύτερου οπλισμού.

Παράδειγμα

var x = 5;
var z = x ** 2;          // Το αποτέλεσμα είναι 25

Δοκιμάστε το προσωπικά

x ** y Το αποτέλεσμα είναι το ίδιο με Math.pow(x,y) Αυτός είναι ο ίδιος:

Παράδειγμα

var x = 5;
var z = Math.pow(x,2);   // Το αποτέλεσμα είναι 25

Δοκιμάστε το προσωπικά

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

ES6 Αναγνωρίζει παράμετροι με προεπιλεγμένες τιμές.

Παράδειγμα

function myFunction(x, y = 10) {
  // y είναι 10 αν δεν έχει περάσει ή είναι undefined
  return x + y;
}
myFunction(5); // Επιστρέφει 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() η μέθοδος επιστρέφει αληθές.

Παράδειγμα

Number.isInteger(10);        // Επιστρέφει true
Number.isInteger(10.5);      // Επιστρέφει false

Δοκιμάστε το προσωπικά

Μέθοδος Number.isSafeInteger()

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

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

Παράδειγμα

Number.isSafeInteger(10);    // Επιστρέφει true
Number.isSafeInteger(12345678901234567890);  // Επιστρέφει false

Δοκιμάστε το προσωπικά

Η ασφαλής αριθμητική είναι όλα τα ακέραια από -(253 - 1) μέχρι +(253 - 1).

Αυτό είναι ασφαλές: 9007199254740991. Αυτό δεν είναι ασφαλές: 9007199254740992.

Νέες παγκόσμιες μεθόδους

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

  • isFinite()
  • isNaN()

Μέθοδος isFinite()

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

Εάν δεν ισχύει αυτό, επιστρέφει true:

Παράδειγμα

isFinite(10/0);       // Επιστρέφει false
isFinite(10/1);       // Επιστρέφει true

Δοκιμάστε το προσωπικά

Μέθοδος isNaN()

αν το παράδειγμα είναι NaNτότε η παγκόσμια isNaN() η μέθοδος επιστρέφει αληθές. Αν δεν επιστρέφει ψευδές:

Παράδειγμα

isNaN("Hello");       // Επιστρέφει true

Δοκιμάστε το προσωπικά

Λειτουργίες βέλους (Arrow Function)

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

Δεν χρειάζεστε 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 };

Δοκιμάστε το προσωπικά