ES6
Apa itu ES6?
ES6 (ECMAScript 2015) adalah versi keenam dari standar ECMAScript, yang menjadi dasar dari JavaScript. ES6 memperkenalkan banyak fitur baru yang membuat JavaScript lebih modern, efisien, dan mudah digunakan.
Fitur-Fitur ES6
Berikut adalah tabel yang merangkum beberapa fitur utama yang diperkenalkan di ES6:
let dan const
Mendeklarasikan variabel dengan scope blok. let untuk variabel yang bisa diubah, const untuk konstanta.
let x = 10; const y = 20;
Arrow Functions
Fungsi pendek yang menggunakan sintaks =>. Menghemat penulisan dan tidak memiliki this sendiri.
const add = (a, b) => a + b;
Template Literals
String literals yang memungkinkan ekspresi tersemat menggunakan ${}.
let name = 'John'; let message = `Hello, ${name}!`;
Default Parameters
Menetapkan nilai default untuk parameter fungsi.
function greet(name = 'Guest') { console.log(Hello, ${name}); }
Destructuring Assignment
Ekstrak nilai dari array atau properti dari objek ke dalam variabel berbeda.
const [a, b] = [1, 2]; const {name, age} = {name: 'Alice', age: 30};
Rest Parameters
Menggabungkan sisa parameter menjadi array.
function sum(...args) { return args.reduce((a, b) => a + b, 0); }
Spread Operator
Memecah array atau objek menjadi elemen individu.
const arr = [1, 2, 3]; const arr2 = [...arr, 4, 5]; const obj = {...originalObj, newProp: 42};
Classes
Sintaks untuk mendefinisikan class dan inheritance.
class Person { constructor(name) { this.name = name; } } class Student extends Person {}
Modules
Sintaks untuk mengimpor dan mengekspor fungsionalitas antara file JavaScript.
export function myFunc() {}; import { myFunc } from './myModule';
Promises
Objek untuk representasi operasi asinkron, memungkinkan penanganan lebih mudah.
const promise = new Promise((resolve, reject) => { /* ... */ });
Symbol
Tipe data primitif baru untuk nilai unik dan immutable.
const sym = Symbol('description');
Map dan Set
Struktur data baru untuk menyimpan koleksi data unik (Set) dan pasangan kunci-nilai (Map).
const mySet = new Set([1, 2, 3]); const myMap = new Map([[key1, 'value1'], [key2, 'value2']]);
Iterators dan Generators
Cara untuk membuat iterasi kustom dan generator fungsi yang dapat dihentikan sementara.
function* generator() { yield 1; yield 2; } const gen = generator();
Enhanced Object Literals
Peningkatan cara mendefinisikan objek secara literal.
const obj = { x, y, greet() { console.log('Hello'); } };
Sumber
ES6 memperkenalkan banyak fitur baru yang membantu dalam penulisan kode JavaScript yang lebih bersih, efisien, dan mudah dibaca. Fitur-fitur ini sangat penting untuk pengembangan aplikasi modern dengan JavaScript.
Last updated