Bagaimanakah ES6 (ES2015) berkembang dan membawa ciri baharu kepada JavaScript moden?

Dalam artikel ini, anda akan mempelajari cara ES6 (ES2015) berkembang dan membawa ciri baharu kepada JavaScript moden.

ES6 bermaksud ECMAScript 6. Ia adalah versi ke-6 ECMAScript dan bertujuan untuk menyeragamkan JavaScript. Sepuluh ciri teratas ES6 ialah: kata kunci let dan const, fungsi anak panah, rentetan berbilang baris, parameter lalai, literal templat, tugasan memusnahkan, literal objek dipertingkatkan dan Janji.

Contoh 1

Dalam contoh ini, kami menunjukkan fungsi anak panah (=>) -

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)

Arahan

• Langkah 1 - Tentukan fungsi anak panah "segi empat" yang menerima nombor sebagai hujah dan mengembalikan kuasa dua nombor itu.

• Langkah 2 - Panggil fungsi dan tetapkan panggilan fungsi kepada nilai: "hasil"

• Langkah 3 - Paparkan hasil.

Contoh 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)

Arahan

• Langkah 1 - Tentukan kelas "segi empat tepat" yang menerima dua nombor sebagai parameter. Kelas ini menggunakan pembina untuk menetapkan dua nilai.

• Langkah 2 - Panggil kelas menggunakan objek.

• Langkah 3 - Paparkan nilai.

Atas ialah kandungan terperinci Bagaimanakah ES6 (ES2015) berkembang dan membawa ciri baharu kepada JavaScript moden?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!