JavaScript ECMAScript 2016

Оглавление

    Показать оглавление

Номера версий JavaScript

Старые версии JS названы номерами: ES5 (2009) и ES6 (2015).

С 2016 года версии именуются по годам: ECMAScript 2016, 2017, 2018, 2019,...

Новые возможности ECMAScript 2016

В этой главе представлены новые функции ECMAScript 2016:

  • Возведение в степень JavaScript (**)

  • Назначение возведения в степень JavaScript (**=)

  • Массив JavaScript includes()

Оператор возведения в степень

Оператор возведения в степень (**) возводит первый операнд в степень второго операнда.

Пример

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

Попробуйте сами →

<!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 дает тот же результат, что и Math.pow(x, y):

Пример

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

Попробуйте сами →

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

Возведение в степень

Пример

let x = 5;
x **= 2;

Попробуйте сами →

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

Оператор возведения в степень поддерживается во всех современных браузерах с марта 2017 года:

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

Массив JavaScript включает()

ECMAScript 2016 представил массивы Array.includes.

Это позволяет нам проверить, присутствует ли элемент в массиве:

Пример

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

fruits.includes("Mango");

Попробуйте сами →

<!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 поддерживается во всех современных браузерах с августа 2016 года:

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