ES6 i ES7 – co nowego w JavaScript? Sprawdź sam!

JavaScript to język, który nieustannie się rozwija. Wraz z kolejnymi wersjami otrzymujemy nowe funkcjonalności, które ułatwiają pisanie kodu. Dziś przyjrzymy się dwóm ważnym aktualizacjom – ES6 i ES7. Jeśli chcesz poznać nowoczesne JavaScriptowe techniki i zobaczyć ES6 ES7 przykłady, ten artykuł jest dla Ciebie!

Czym są ES6 i ES7?

ECMAScript to specyfikacja języka JavaScript. Każda nowa wersja wprowadza usprawnienia i nowe funkcje. ES6 (ECMAScript 2015) oraz ES7 (ECMAScript 2016) to jedne z najbardziej przełomowych aktualizacji.

• ES6 – wprowadził let i const, klasy, funkcje strzałkowe i wiele innych.
• ES7 – dodał m.in. operator ** (potęgowanie) i metodę Array.prototype.includes().

Nowości w ES6

ES6 przyniósł ogromne zmiany w JavaScript. Oto kilka kluczowych nowości:

1. Deklaracja zmiennych – let i const

Przed ES6 mieliśmy tylko var, co prowadziło do problemów z zakresami zmiennych. Teraz możemy używać let i const:

let x = 10; // Można zmieniać wartość
const y = 20; // Stała, nie można zmieniać wartości

2. Funkcje strzałkowe

Krótsza i czytelniejsza składnia funkcji:

const add = (a, b) => a + b;
console.log(add(5, 3)); // 8

3. Szablony stringów

W ES6 można używać ` (backticks) do łączenia tekstu:

const name = "Jan";
console.log(`Witaj, ${name}!`); // Witaj, Jan!

4. Klasy

Wprowadzono nową składnię dla obiektów i dziedziczenia:

class Osoba {
  constructor(imie, wiek) {
    this.imie = imie;
    this.wiek = wiek;
  }

  przedstaw() {
    return `Cześć, jestem ${this.imie} i mam ${this.wiek} lat.`;
  }
}

const jan = new Osoba("Jan", 30);
console.log(jan.przedstaw()); // Cześć, jestem Jan i mam 30 lat.

Nowości w ES7

ES7 nie wprowadził aż tylu zmian co ES6, ale dodał kilka przydatnych funkcji:

1. Operator potęgowania (**)

console.log(2 ** 3); // 8

2. Metoda includes()

Teraz łatwiej sprawdzić, czy tablica zawiera dany element:

const numbers = [1, 2, 3, 4];
console.log(numbers.includes(2)); // true
console.log(numbers.includes(5)); // false

Podsumowanie

ES6 i ES7 to kluczowe aktualizacje JavaScript, które ułatwiają pisanie kodu. Jeśli chcesz pisać nowoczesne aplikacje, warto znać te nowości! Mam nadzieję, że te ES6 ES7 przykłady pomogły Ci lepiej zrozumieć zmiany w języku JavaScript.

Spróbuj sam wdrożyć te funkcje w swoim kodzie i zobacz różnicę!