ECMAScript 2022

Αριθμός έκδοσης του JavaScript

Παλιές εκδόσεις ECMAScript ονομάζονται με αριθμούς: ES5 και ES6.

Από το 2016, οι εκδόσεις ονομάζονται με το έτος: ES2016, 2018, 2020, 2022.

Νέες λειτουργίες της ES2022

• Array at()
• String at()
• RegExp /d
• Object.hasOwn()
• error.cause
• await import
• Δήλωση πεδίων κλάσης
• Προσωπικές μεθόδους και πεδία

JavaScript Array at()

Η ES2022 εισήγαγε τη μέθοδο πίνακα at():

Παράδειγμα 1

Αποκτήστε το τρίτο στοιχείο του πίνακα fruits:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.at(2);

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

Παράδειγμα 2

Αποκτήστε το τρίτο στοιχείο του πίνακα fruits:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits[2];

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

at() Η μέθοδος επιστρέφει το στοιχείο που αντιστοιχεί στο καθορισμένο index από τον πίνακα.

at() Μέθοδος [] Τα αποτελέσματα είναι τα ίδια.

Από τον Μάρτιο του 2022, η υποστήριξη για όλους τους σύγχρονους προγραμματιστές περιηγητών είναι διαθέσιμη: at() Μέθοδος:

JavaScript String at()

Η ES2022 εισήγαγε τη μέθοδο συμβολοσειράς at():

Παράδειγμα 1

Αποκτήστε το τρίτο γράμμα της αλφαβητικής συμβολοσειράς name:

const name = "W3Schools";
let letter = name.at(2);

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

Παράδειγμα 2

Αποκτήστε το τρίτο γράμμα της αλφαβητικής συμβολοσειράς name:

const name = "W3Schools";
let letter = name[2];

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

at() Μέθοδος που επιστρέφει τον χαρακτήρα στην καθορισμένη θέση από τη συμβολοσειρά.

at() Μέθοδος [] Τα αποτελέσματα είναι τα ίδια.

Από τον Μάρτιο του 2022, η υποστήριξη για όλους τους σύγχρονους προγραμματιστές περιηγητών είναι διαθέσιμη: at() Μέθοδος:

Αναδιατύπωση d του RegExp

Το ES2022 προσθέτει /d Αναδιατύπωση, που χρησιμοποιείται για να δείξει την αρχή και το τέλος της ταιριάσης.

πρότυπο

let text = "aaaabb";
let result = text.match(/(aa)(bb)/d);

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

Οι αναδιατύπωση του RegExp χρησιμοποιούνται για να καθορίσουν την ανυπομονησία κεφαλαίων και πεζών, καθώς και άλλες καθολικές αναζητήσεις:

Object.hasOwn()

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

Object.hasOwn() παρόμοια με Object.prototype.hasOwnPropertyαλλά υποστηρίζει όλους τους τύπους αντικειμένων.

πρότυπο

Object.hasOwn(myObject, age)

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

Αιτία Σφάλματος

Το ES2022 επιτρέπει τη σήμανση της根本原因 της σφάλματος μέσω της error.cause.

πρότυπο

try { 
  connectData(); 
} 
  throw new Error("Connecting failed.", { cause: err }); 
}

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

await import JavaScript

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

import {myData} from './myData.js';
const data = await myData();

Δηλώσεις πεδίων κλάσης JavaScript

class Hello {
  counter = 0; // πεδίο κλάσης
}
const myClass = new Hello();
let x = myClass.counter;

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

JavaScript ιδιωτικές μεθόδους και πεδία

class Hello {
  #counter = 0;  // ιδιωτικό πεδίο
  #myMethod() {} // ιδιωτική μέθοδος
}
const myClass = new Hello();
let x = myClass.#counter; // λάθος
myClass.#myMethod();      // λάθος

Από τον Ιούνιο του 2021, υποστηρίζονται οι ιδιωτικές μεθόδους και πεδία σε όλους τους σύγχρονους περιηγητές: