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:

Fitur

Deskripsi

Contoh

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.

PreviousOOP dalam JavaScript NextLocalStorage dalam JavaScript

Last updated 8 months ago

ES6