7 stycznia, 2021
admin
ECMAScript 6 był drugą większą wersją JavaScript.
ECMAScript 6 jest również znany jako ES6 i ECMAScript 2015,
Ten rozdział opisuje najważniejsze funkcje ES6.,5ad79ce91″>
|
|
|
|
|
| Chrome 58 |
Edge 14 |
Firefox 54 |
Safari 10 |
Opera 55 |
| Jan 2017 |
Aug 2016 |
Mar 2017 |
Jul 2016 |
Aug 2018 |
JavaScript let
The let keyword allows you to declare a variable with block scope.,
przykład
var x = 10;
// Here X is 10
{
let x = 2;
// Here X is 2
}
// Here X is 10
spróbuj sam ”
Przeczytaj więcej olet w rozdziale: JavaScript Let.
JavaScript const
słowo kluczoweconst pozwala zadeklarować stałą (zmienną JavaScript o stałej wartości).
stałe są podobne do zmiennych let, z tą różnicą, że wartości nie można zmienić.,
przykład
var x = 10;
// tutaj X jest 10
{
const x = 2;
// tutaj X jest 2
}
// tutaj X jest 10
spróbuj sam ”
Przeczytaj więcej oconst w rozdziale: JavaScript Const.
funkcje strzałek
funkcje strzałek umożliwiają krótką składnię zapisu wyrażeń funkcji.
nie potrzebujesz słowa kluczowegofunction, słowa kluczowegoreturn I nawiasów klamrowych.,
przykład
// ES5
var x = function(X, y) {
return x * y;
}
// ES6
const x = (X, y) => x * y;
spróbuj sam ”
funkcje strzałek nie mają własnych
div id=”d13012d803″>
.Nie nadają się do definiowania metod obiektowych.
funkcje strzałek nie są podnoszone. Muszą być zdefiniowane przed ich użyciem.
Dowiedz się więcej o funkcjach strzałek w rozdziale: funkcja strzałek JavaScript.
zmienna – dla każdej iteracji do zmiennej jest przypisana wartość następnej właściwości. Zmienna może być zadeklarowana za pomocąconst, let lub var.
przykład
var cars=;
var x;
for (X of cars) {
document.
<br>”);
}
spróbuj sam”
zapętlenie ciągu znaków
przykład
var txt = „JavaScript”;
var x;
for(x of txt) {
document.write (x +”<br>”);
}
Try it Yourself ”
Dowiedz się więcej w rozdziale: JavaScript Loop For/In/Of.,
klasy JavaScript
klasy JavaScript są szablonami dla obiektów JavaScript.
Użyj słowa kluczowego class, aby utworzyć klasę.
zawsze Dodaj metodę o nazwie constructor():
składnia
class ClassName {
constructor() { … }
}
przykład
Klasa samochodu {
konstruktor (nazwa, rok) {
this.name = name;
this.year = year;
}
}
powyższy przykład tworzy klasę o nazwie „Car”.
klasa ma dwie początkowe właściwości: „Nazwa” i „rok”.,
Klasa JavaScript nie jest obiektem.
jest to szablon dla obiektów JavaScript.
Korzystanie z klasy
gdy masz klasę, możesz użyć jej do tworzenia obiektów:
przykład
let myCar1 = new Car(„Ford”, 2014);
let myCar2 = new Car(„Audi”, 2019);
Try it Yourself „
Dowiedz się więcej o klasach w rozdziale: klasy JavaScript.
obietnice JavaScript
obietnica jest obiektem JavaScript, który łączy „wytwarzanie kodu” i „konsumowanie kodu”.,
„Tworzenie kodu” może zająć trochę czasu, a „zużywanie kodu” musi czekać na wynik.
Dowiedz się więcej o obietnicach w rozdziale: obietnice JavaScript.
Typ symbolu
symbol JavaScript jest prymitywnym typem danych, podobnie jak liczba, łańcuch lub logiczny.
reprezentuje unikalny „Ukryty” identyfikator, do którego żaden inny kod nie może przypadkowo uzyskać dostępu.
dla instace, jeśli różni programiści chcą dodać person.id właściwość do obiektu osoby należącej do kodu strony trzeciej, mogą mieszać wartości innych.,
Użycie metody Symbol() do utworzenia unikalnych identyfikatorów rozwiązuje ten problem:
symbole są zawsze unikalne.
jeśli utworzysz dwa symbole o tym samym opisie, będą one miały różne wartości.
Symbol(„id”) == Symbol(„id”) / /false
domyślne wartości parametrów
ES6 pozwala parametrom funkcji mieć domyślne wartości.
parametr Rest funkcji
parametr rest (…) pozwala funkcji traktować nieokreśloną liczbę argumentów jako tablicę:
przykład
suma funkcji(…,args) {
let sum = 0;
for (let arg of args) sum + = arg;
return sum;
}
let x = sum(4, 9, 16, 25, 29, 100, 66, 77);
Try it Yourself ”
Array.find()
metoda find() Zwraca wartość pierwszego elementu tablicy, który przejdzie testową funkcję.
Ten przykład wyszukuje (Zwraca wartość ) pierwszego elementu większego niż 18:
zauważ, że funkcja przyjmuje 3 argumenty:
- wartość elementu
- indeks elementu
- sama tablica
tablica.,findIndex()
metoda findIndex() zwraca indeks pierwszego elementu tablicy, który przejdzie testową funkcję.,
Ten przykład znajduje indeks pierwszego elementu, który jest większy niż 18:
zauważ, że funkcja przyjmuje 3 argumenty:
- wartość elementu
- indeks elementu
- sama tablica
nowe właściwości liczbowe
ES6 dodał następujące właściwości do obiektu Number:
EPSILONMIN_SAFE_INTEGERMAX_SAFE_INTEGER
przykład
var x = liczba.EPSILON;
spróbuj sam ”
przykład
var x = Liczba.,MIN_SAFE_INTEGER;
spróbuj sam ”
przykład
var x = Liczba.MAX_SAFE_INTEGER;
spróbuj sam ”
nowe metody numeryczne
ES6 dodał 2 nowe metody do obiektu numerycznego:
Number.isInteger()Number.isSafeInteger()
Liczba.metoda isInteger ()
metoda Number.isInteger() zwraca true jeśli argument jest liczbą całkowitą.
przykład
Liczba.isInteger(10); / / zwraca true
Liczba.isInteger(10.,5); / / zwraca false
spróbuj sam ”
numer.metoda isSafeInteger ()
bezpieczna liczba całkowita jest liczbą całkowitą, która może być dokładnie reprezentowana jako Liczba o podwójnej precyzji.
metodaNumber.isSafeInteger() zwraca true jeśli argument jest bezpieczną liczbą całkowitą.
bezpieczne liczby całkowite to liczby całkowite od -(253 – 1) do +(253 – 1).
to jest bezpieczne: 9007199254740991. To nie jest bezpieczne: 9007199254740992.,
New Global Methods
ES6 added 2 new global number methods:
The isFinite() Method
The global isFinite() method returns false if the argument is Infinity or NaN.,
w przeciwnym razie zwraca true:
przykład
isFinite(10/0); // zwraca false
isFinite(10/1); // zwraca true
spróbuj sam ”
metoda isNaN ()
metoda globalna isNaN() metoda zwraca true jeśli argument jest NaN. W przeciwnym razie zwraca false:
przykład
isNaN („Hello”); / / zwraca true
spróbuj sam”