首頁 > web前端 > js教程 > ES6 (ES2015) 如何演變並為現代 JavaScript 帶來新功能?

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

WBOY
發布: 2023-08-24 10:29:02
轉載
1411 人瀏覽過

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中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板