ES6 (ES2015) 如何演變並為現代 JavaScript 帶來新功能？

在本文中，您將了解 ES6 (ES2015) 如何發展並為現代 JavaScript 帶來新功能。

ES6 代表 ECMAScript 6。它是 ECMAScript 的第 6 個版本，旨在標準化 JavaScript。 ES6 的十大功能是：let 和 const 關鍵字、箭頭函數、多行字串、預設參數、模板文字、解構賦值、增強的物件文字、Promise。

範例 1

在這個範例中，我們來示範箭頭函數(=>) -

console.log("An Arrow function Square has been defined")

square = (x) => { return x * x; }
 
let inputValue = 6
console.log("The input value is defined as :", inputValue)

let result= square(inputValue)
console.log("The square of the given value is :", result)

說明

• 第 1 步 - 定義一個箭頭函數“square”，它接受一個數字作為參數並傳回該數字的平方。

• 第 2 步 - 呼叫函數並將函數呼叫指派給一個值：「result」；

• #第 3 步 - 顯示結果。

範例 2

console.log("A class Rectangle is defined that uses constructor ",)
class Rectangle { 
   constructor(x, y) {
      this.x = x;
      this.y = y;
   }
}
let object = new Rectangle(10, 20);
console.log("A sides of the rectangle are defined as ")
console.log(object.x, " and ",object.y)

說明

• 步驟 1 - 定義一個「矩形」類，它接受兩個數字作為參數。此類別使用建構函數分配兩個值。

• 第 2 步 - 使用物件呼叫類別。

• 第 3 步 - 顯示值。

以上是ES6 (ES2015) 如何演變並為現代 JavaScript 帶來新功能？的詳細內容。更多資訊請關注PHP中文網其他相關文章！