ECMAScript 2017
Konwencja nazewnictwa JavaScript rozpoczęła się od ES1, ES2, ES3, ES5 i ES6.
Jednak ECMAScript 2016 i 2017 nie nosiły nazw ES7 i ES8.
Od 2016 nowe wersje są nazwane według roku (ECMAScript 2016 / 2017 / 2018).
Nowe funkcje w ECMAScript 2017
Ten rozdział przedstawia nowe funkcje w ECMAScript 2017:
- Dopełnienie ciągów JavaScript
- JavaScript Object.entries
- JavaScript Object.values
- Funkcje asynchroniczne JavaScript
- Pamięć współdzielona JavaScript
Dopełnienie ciągu JavaScript
ECMAScript 2017 dodał dwie metody String: padStart
oraz padEnd
do obsługi dopełnienia na początku i na końcu ciągu.
Przykład
let str = "5";
str = str.padStart(4,0);
// result is 0005
Przykład
let str = "5";
str = str.padEnd(4,0);
// result is 5000
Dopełnianie ciągów nie jest obsługiwane w przeglądarce Internet Explorer.
Firefox i Safari były pierwszymi przeglądarkami obsługującymi dopełnienie ciągów JavaScript:
Chrome 57 | Edge 15 | Firefox 48 | Safari 10 | Opera 44 |
Mar 2017 | Apr 2017 | Aug 2016 | Sep 2016 | Mar 2017 |
Wpisy obiektów JavaScript
ECMAScript 2017 dodaje nową Object.entries
metodę do obiektów.
Metoda Object.entries() zwraca tablicę par klucz/wartość w obiekcie:
Przykład
const person = {
firstName : "John",
lastName : "Doe",
age : 50,
eyeColor : "blue"
};
document.getElementById("demo").innerHTML =
Object.entries(person);
Object.entries() ułatwia używanie obiektów w pętlach:
Przykład
const fruits = {Bananas:300, Oranges:200, Apples:500};
let text = "";
for (let [fruit, value] of Object.entries(fruits)) {
text += fruit + ": " + value + "
";
}
Object.entries() ułatwia również konwersję obiektów na mapy:
Przykład
const fruits = {Bananas:300, Oranges:200, Apples:500};
const myMap = new Map(Object.entries(fruits));
Chrome i Firefox były pierwszymi przeglądarkami obsługującymi
Object.entries
:
Chrome 47 | Edge 14 | Firefox 47 | Safari 10.1 | Opera 41 |
Jun 2016 | Aug 2016 | Jun 2016 | Mar 2017 | Oct 2016 |
Wartości obiektów JavaScript
Object.values
są podobne do Object.entries
, ale zwraca pojedynczą tablicę wymiarów wartości obiektu:
Przykład
const person = {
firstName : "John",
lastName : "Doe",
age : 50,
eyeColor : "blue"
};
document.getElementById("demo").innerHTML =
Object.values(person);
Firefox i Chrome były pierwszymi przeglądarkami obsługującymi
Object.values
:
Chrome 54 | Edge 14 | Firefox 47 | Safari 10.1 | Opera 41 |
Oct 2016 | Aug 2016 | Jun 2016 | Mar 2017 | Oct 2016 |
Funkcje asynchroniczne JavaScript
Czekam na limit czasu
async function myDisplay() {
let myPromise = new Promise(function(myResolve, myReject) {
setTimeout(function() { myResolve("I love You !!"); }, 3000);
});
document.getElementById("demo").innerHTML = await myPromise;
}
myDisplay();
Firefox i Chrome były pierwszymi przeglądarkami obsługującymi asynchroniczne funkcje JavaScript:
Chrome 55 | Edge 15 | Firefox 52 | Safari 11 | Opera 42 |
Dec 2016 | Apr 2017 | Mar 2017 | Sep 2017 | Dec 2016 |