จาวาสคริปต์ ECMAScript 2016

สารบัญ

    แสดงสารบัญ

หมายเลขเวอร์ชันจาวาสคริปต์

JS เวอร์ชันเก่าตั้งชื่อตามตัวเลข: ES5 (2009) และ ES6 (2015)

ตั้งแต่ปี 2559 เป็นต้นไป เวอร์ชันต่างๆ จะตั้งชื่อตามปี: 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>

Exponentiation Operator ได้รับการสนับสนุนในเบราว์เซอร์สมัยใหม่ทั้งหมดตั้งแต่เดือนมีนาคม 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 ได้รับการสนับสนุนในเบราว์เซอร์สมัยใหม่ทั้งหมดตั้งแต่เดือนสิงหาคม 2559:

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