🌙

JavaScript ES6+ Basics - Perwira Learning Center

oleh aizarre •

 


1. Latar Belakang

    JavaScript adalah bahasa pemrograman yang sangat populer dalam pengembangan website. Bahasa ini pertama kali dibuat oleh Brendan Eich pada tahun 1995 dan kini menjadi standar utama dalam pengembangan web modern.

    Seiring berkembangnya teknologi, JavaScript juga mengalami banyak pembaruan. Salah satu pembaruan terbesar adalah hadirnya ES6 (ECMAScript 2015). ES6 dan versi setelahnya (ES7, ES8, dan seterusnya) sering disebut sebagai ES6+. Versi ini membawa banyak fitur baru yang membuat kode lebih ringkas, mudah dibaca, dan lebih efisien.


2. Alat dan Bahan

  • Browser 
  • OS (Windows atau Linux atau MacOS)
  • Code Editor (VSCODE)
  • Node.js


3. Pembahasan
    3.1 let dan const

Sebelum ES6, kita menggunakan var untuk membuat variabel. Setelah ES6, kita lebih disarankan menggunakan:

  • let → untuk variabel yang nilainya bisa berubah

  • const → untuk variabel yang nilainya tetap

Contoh: 


    let umur = 17;
umur = 18;

const nama = "Bagas";
// nama = "Gelinding"; ❌ Error karena const tidak bisa diubah

    3.2 Arrow Function (Fungsi Panah)

Arrow function membuat penulisan fungsi menjadi lebih singkat.

Contoh : 

    const sapa = (nama) => {
  return "Halo " + nama;
};


Jika hanya satu baris : 

    const sapa = nama => "Halo " + nama;

    

    3.3 Template Literal

    Template literal menggunakan tanda backtick ( ` ) dan memudahkan kita menyisipkan variabel ke dalam string.

Contoh: 


  let nama = "Aizar";
let umur = 17;

console.log(`Nama saya ${nama} dan umur saya ${umur} tahun`);


    3.4 Destructuring

    Destructuring digunakan untuk mengambil nilai dari array atau object dengan lebih mudah.

Contoh : 


  const angka = [10, 20, 30];
const [a, b, c] = angka;

console.log(a); // 10


    3.5 Default Parameter

Kita bisa memberikan nilai default pada parameter fungsi. 


  const salam = (nama = "Teman") => {
  return `Halo ${nama}`;
};

console.log(salam()); // Halo Teman


4. Kesimpulan

    JavaScript ES6+ adalah pembaruan penting dalam perkembangan JavaScript modern. Fitur seperti let, const, arrow function, template literal, destructuring, spread operator, dan module membuat kode lebih ringkas, mudah dibaca, dan terstruktur.

Bagi pemula, memahami ES6+ adalah langkah awal yang penting untuk menjadi developer web modern. Hampir semua framework dan library saat ini sudah menggunakan standar ES6+, sehingga penguasaan konsep ini sangat dibutuhkan.

Dengan latihan yang konsisten, memahami ES6+ akan membuat kita lebih percaya diri dalam membuat aplikasi berbasis JavaScript.