JavaScript ECMAScript 2016

Indholdsfortegnelse

Vis indholdsfortegnelse

JavaScript-versionsnumre

Gamle JS-versioner er navngivet med numre: ES5 (2009) og ES6 (2015).

Fra 2016 er versionerne navngivet efter år: ECMAScript 2016, 2017, 2018, 2019, ...

Nye funktioner i ECMAScript 2016

Dette kapitel introducerer de nye funktioner i ECMAScript 2016:

JavaScript-eksponentiering (**)
JavaScript-eksponentieringstildeling (**=)
JavaScript Array includes()

Eksponentieringsoperatør

eksponentieringsoperatoren (**) hæver den første operand til potensen af den anden operand.

Eksempel

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

Prøv det selv →

<!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 giver det samme resultat som Math.pow(x, y):

Eksempel

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

Prøv det selv →

<!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>

Eksponentieringstildeling

Eksempel

let x = 5;
x **= 2;

Prøv det selv →

<!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>

Eksponentieringsoperatøren er understøttet i alle moderne browsere siden marts 2017:


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

JavaScript-array inkluderer()

ECMAScript 2016 introducerede Array.includes til arrays.

Dette giver os mulighed for at kontrollere, om et element er til stede i et array:

Eksempel

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

fruits.includes("Mango");

Prøv det selv →

<!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 er understøttet i alle moderne browsere siden august 2016:


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