Co nowego w JavaScript ES6?

JavaScript jest uważany za jeden z najczęściej używanych i popularnych języków scenariuszy; Został wynaleziony w 1995 roku i pierwotnie nazywał się Mocha, ale ostatecznie został JavaScript. Javascript Język został wynaleziony przez Brendaneicha i przekształcony w standard ECMA; ES1, ES2, ES3, ES5 i ES6 to liczne wersje EcMascript.

JavaScript ES6 jest standardem zapewniającym interoperacyjność strony internetowej w różnych przeglądarkach internetowych. ES6 to 6^th Wersja języka programowania JavaScript. To znaczna poprawa języka JavaScript, dodając więcej funkcji, aby ułatwić rozwój oprogramowania na dużą skalę. Niewiele funkcji skryptu ES6 nie jest obsługiwanych przez wszystkie przeglądarki, ale większość jest obsługiwanych; Prawie wszystkie słynne przeglądarki internetowe obsługują wszystkie funkcje ES6.

Oprogramowanie Transpiler może być użyte do przekształcenia kodu ES6 w ES5, który jest starszą wersją JavaScript, a zatem bardziej kompatybilną z przeglądarkami.

W tym artykule przyglądamy się niektórym zmianom ES6 wprowadzonym do JavaScript.

Funkcje ES6 JavaScript

Stałe znane jako niezmienne zmienne: ES6 obsługuje teraz pojęcie zmiennych stałych. Wartości tych zmiennych nie można zmodyfikować. Błąd zostanie wywołany, jeśli ktoś spróbuje na nowo zdefiniować zmienną w podobnym zakresie:

const pi = matematyka.LICZBA PI;
// Wyjście: Wartość PI
konsola.log (PI);
PI = 4;
// typeerror: przypisanie do stałej zmiennej.
konsola.log (PI);
const pi = matematyka.LICZBA PI;
// Wyjście: Wartość PI
konsola.log (PI);

const pi = 4;
// Wyjście: 4 (bez żadnego błędu, ponieważ jest poza zakresem)
konsola.log (PI);

Jeśli obiekt został zadeklarowany za pomocą const, jego kluczy nie można zmienić. Jednak jego wartości można zmienić:

const user =
Nazwa: „Steve”,
Wiek: 13

User =
Nazwa użytkownika: „Harry”,
Grade: „3.”
// typeerror: przypisanie do stałej zmiennej. const user =
Nazwa: „Steve”,
Wiek: 13

użytkownik.name = "Harry";
konsola.log (użytkownik);

Reguły zablokowanych funkcji i zmiennych zakresu

Inną ważną nową cechą ES6 jest to, że zmienne można zadeklarować pozwalać I const które są zgodne z zasadami blokowymi. Poprzez tę regułę blokową zmienna utrzymuje swoją wartość do końca bloku. Wartość bloku zewnętrznego zostanie przywrócona po wewnętrznym bloku:

Niech a = 5;
// Wyjście: 5
konsola.log (a);

Niech a = 4;
// Wyjście: 4
konsola.log (a);

// Wyjście: 5
konsola.log (a);

Funkcje strzałek

ES6 obsługuje również funkcje strzałek, które są prawie takie same jak tradycyjne funkcje JavaScript, ale są bardziej kompaktowe. W poniższym przykładzie stworzyliśmy funkcję strzałki, która przyjmuje liczbę jako argument i zwraca wartość jego kwadratu:

sq = a => a*a;
konsola.log (sq (5));

Funkcje strzałek mają swoje ograniczenia i nie mogą być używane wszędzie.

Obsługa parametrów funkcji

ES6 daje nam opcję ustawienia wartości domyślnych dla parametrów funkcji. Jeśli podczas wywoływania funkcji nie są podane żadne argumenty, używane są parametry domyślne:

funkcja SQ (a = 5, b = 3)
konsola.log (a + " +" + b + "=" + (a + b));

SQ (5, 9);
sq ();

Parametry funkcji REST

Funkcja parametrów odpoczynku jest kolejną cechą ES6. Ta funkcja pomaga odbierać dowolną liczbę argumentów za każdym razem, gdy funkcja jest wywoływana. Pokazana poniżej składnia pozwala uchwycić pozostałe argumenty po zdefiniowanym argumencie w tablicy:

Funkcja RestParams (A, B,… Params)
konsola.log (a);
konsola.log (b);
konsola.log (params);

Restparams (1,2,3,4,5,6,7,8,9);

Literały szablonów

Szablon szablonu lub szablon literał odnosi się do zmiennych interpolowanych i wyrażeń jako ciągów za pomocą składni perla. Mówiąc prosto, ciąg można dołączyć w back -ticks ('), a te struny mogą zawierać (interpolowane) wyrażenia za pomocą użycia $ ··· składnia:

var FirstName = „John”;
var lastName = „Doe”;
konsola.log („Nazywam się $ FirstName $ LastName”);

Właściwości obiektu

ES6 zapewnił nową składnię do tworzenia obiektów. Oto przykład:

var FirstName = „John”;
var lastName = „Doe”;
var id = 03;
var dział = „edukacja”;
var pracownik = FirstName, LastName, id, dział;
konsola.log (pracownik);

Składnia formalnej definicji klasy

JavaScript ES6 obsługuje składnię definicji klasy formalnej. To prosty cukier składniowy dla klas opartych na prototypach, które są już dostępne, ale pomaga poprawić przejrzystość kodu. Oznacza to, że nie dodało to nowego modelu obiektu.

Krąg klasowy
konstruktor (promień)
Ten.promień = promień;


var c = nowy okrąg (8);

Deklaracja metod

ES6 JavaScript zapewnia prostszy sposób zadeklarowania metod. Wcześniej, w ES5, musieliśmy wspomnieć o słowie kluczowym „funkcji” wraz z nazwą funkcji, jednocześnie definiując. Jednak w ES6 możemy użyć funkcji strzałki i nie jesteśmy zobowiązani do napisania słowa kluczowego „funkcji”. Oto przykład:

W ES5

var średnica = funkcja (promień)
Niech Dia = 2*promień;
zwrot Dia;
;
średnica (8);

W ES6

var średnica = (promień) =>
Niech Dia = 2*promień;
zwrot Dia;
;
średnica (8);

Dla/z pętli

Używając/z, możesz iterować nad iterowalnymi strukturami danych, takimi jak tablice, ciągi, mapy itp

var num = [5, 6, 7, 8, 9];
dla (niech d of Num)

konsola.log (d);

Wniosek

ES6 to druga ważna wersja JavaScript, która została wydana w 2015 roku. Coroczne dodatki do JavaScript w ES7, ES8, ES9 i tak dalej, ale te nowe wersje nie przyniosły żadnych znaczących zmian. W tym artykule krótko wyjaśniliśmy, czym jest ES6 JavaScript, korzyści z wersji ES6 i niektóre nowe funkcje wprowadzone w wersji ES6.