JavaScript ECMAScript 2016

Obsah

Zobrazit obsah

Čísla verzí JavaScriptu

Staré verze JS jsou pojmenovány podle čísel: ES5 (2009) a ES6 (2015).

Od roku 2016 jsou verze pojmenovány podle roku: ECMAScript 2016, 2017, 2018, 2019, ...

Nové funkce v ECMAScript 2016

Tato kapitola představuje nové funkce v ECMAScript 2016:

Umocnění JavaScriptu (**)
Přiřazení umocnění JavaScriptu (**=)
Pole JavaScript includes()

Operátor umocňování

Operátor umocnění (**) umocní první operand na mocninu druhého operandu.

Příklad

let x = 5;
let z = x ** 2;

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>The ** Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
let z = x ** 2;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

x ** y dává stejný výsledek jako Math.pow(x, y):

Příklad

let x = 5;
let z = Math.pow(x,2);

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>Math.pow()</h2>

<p id="demo"></p>

<script>
let x = 5;
let z = Math.pow(x, 2)
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

Přiřazení umocnění

Příklad

let x = 5;
x **= 2;

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>

<h2>Exponentiation Assignment (**=)</h2>

<p id="demo"></p>

<script>
let x = 5;
x **= 2;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

Operátor umocnění je podporován ve všech moderních prohlížečích od března 2017:


Chrome 52	Edge 14	Firefox 52	Safari 10.1	Opera 39
Jul 2016	Aug 2016	Mar 2017	Mar 2017	Aug 2016

Pole JavaScript zahrnuje()

ECMAScript 2016 zavedl do polí Array.includes.

To nám umožňuje zkontrolovat, zda je prvek přítomen v poli:

Příklad

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

fruits.includes("Mango");

Zkuste to sami →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The includes() Method</h2>

<p>Check if the fruit array contains "Mango":</p>

<p id="demo"></p>

<p><strong>Note:</strong> The includes method is not supported in Edge 13 (and earlier versions).</p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.includes("Mango");
</script>

</body>
</html>

Array.includes je podporováno ve všech moderních prohlížečích od srpna 2016:


Chrome 47	Edge 14	Firefox 43	Safari 9	Opera 34
Dec 2015	Aug 2016	Dec 2015	Oct 2015	Dec 2015