JavaScript adalah bahasa pemrograman tingkat tinggi yang diinterpretasikan, yang terutama digunakan untuk membuat aplikasi web interaktif dan dinamis. Ini adalah bagian penting dari pengembangan web, bersama dengan HTML dan CSS. Awalnya dikembangkan oleh Brendan Eich saat bekerja di Netscape, JavaScript telah berkembang menjadi bahasa yang serbaguna yang mendukung gaya pemrograman berbasis peristiwa, fungsional, dan imperatif. Saat ini, JavaScript merupakan bagian integral dari teknologi web, dengan ekosistem yang luas yang mencakup berbagai kerangka kerja, pustaka, dan lingkungan runtime, terutama Node.js.
JavaScript diciptakan pada tahun 1995 dengan nama Mocha, kemudian diubah namanya menjadi LiveScript, dan akhirnya menjadi JavaScript untuk memanfaatkan popularitas Java. Versi pertama dirilis dalam Netscape Navigator 2.0, memungkinkan pengembang untuk menambahkan konten dinamis ke halaman web. Bahasa ini distandarisasi di bawah European Computer Manufacturers Association (ECMA) sebagai ECMAScript pada tahun 1997, dengan versi berikutnya memperkenalkan fitur-fitur kunci yang memperluas kemampuannya.
Evolusi JavaScript mencakup pengenalan fitur-fitur seperti pemrograman berorientasi objek dan pemrograman asinkron (janji dan callback). Secara khusus, ECMAScript 5 (2009) memperkenalkan "mode ketat," dukungan JSON, dan metode array yang ditingkatkan, sementara ECMAScript 6 (2015), juga dikenal sebagai ES6 atau ECMAScript 2015, membawa perubahan signifikan seperti fungsi panah, kelas, dan modul. Rilis ES6 menandai pergeseran paradigma, karena menjadikan JavaScript sebagai bahasa yang lebih kuat yang cocok untuk pengembangan aplikasi berskala besar.
Saat ini, JavaScript ada di mana-mana dalam pengembangan web, mendukung kerangka kerja front-end seperti React, Angular, dan Vue.js, serta pengembangan back-end melalui Node.js. Bahasa ini terus berkembang dengan rilis tahunan ECMAScript, memperkenalkan fitur-fitur dan perbaikan baru. Dengan meningkatnya penggunaan JavaScript dalam pengembangan aplikasi seluler, aplikasi desktop (menggunakan Electron), dan bahkan aplikasi tingkat perusahaan, relevansi dan pentingnya dalam lanskap pengembangan perangkat lunak tetap kuat.
JavaScript adalah bahasa yang diketik secara dinamis, memungkinkan variabel untuk menyimpan nilai dari tipe apa pun tanpa deklarasi tipe yang eksplisit.
let contoh = "Halo, Dunia!";
contoh = 42; // Tidak ada kesalahan, contoh dapat mengubah tipe
Fungsi dalam JavaScript adalah warga negara kelas satu, yang berarti mereka dapat ditugaskan ke variabel, diteruskan sebagai argumen, dan dikembalikan dari fungsi lain.
const sapa = function(nama) {
return `Halo, ${nama}`;
};
console.log(sapa("Alice")); // Output: Halo, Alice
Diperkenalkan di ES6, fungsi panah menyediakan sintaks yang lebih ringkas untuk menulis fungsi dan tidak mengikat this mereka sendiri.
const tambah = (a, b) => a + b;
console.log(tambah(2, 3)); // Output: 5
Janji menyederhanakan pemrograman asinkron dengan mewakili nilai yang mungkin tersedia di masa depan.
const ambilData = () => {
return new Promise((resolve, reject) => {
// mensimulasikan panggilan API
setTimeout(() => resolve("Data diterima!"), 1000);
});
};
ambilData().then(data => console.log(data)); // Output setelah 1 detik: Data diterima!
Literal template memungkinkan interpolasi string yang mudah dan string multi-baris.
const nama = "Alice";
const sapaan = `Halo, ${nama}!`;
console.log(sapaan); // Output: Halo, Alice!
Penugasan destrukturisasi menyederhanakan ekstraksi nilai dari array atau properti dari objek.
const orang = { nama: "Alice", usia: 25 };
const { nama, usia } = orang;
console.log(nama, usia); // Output: Alice 25
Operator spread (...) memungkinkan untuk memperluas elemen dari iterable, sementara operator rest mengumpulkan elemen yang tersisa ke dalam array.
const angka = [1, 2, 3];
const lebihBanyakAngka = [...angka, 4, 5]; // Output: [1, 2, 3, 4, 5]
const jumlah = (...args) => args.reduce((a, b) => a + b, 0);
console.log(jumlah(1, 2, 3)); // Output: 6
JavaScript mendukung pemrograman berorientasi objek berbasis kelas dengan sintaks class yang diperkenalkan di ES6.
class Hewan {
constructor(nama) {
this.nama = nama;
}
berbicara() {
console.log(`${this.nama} mengeluarkan suara.`);
}
}
const anjing = new Hewan("Anjing");
anjing.berbicara(); // Output: Anjing mengeluarkan suara.
JavaScript mendukung pemrograman modular melalui modul ES6 yang menggunakan kata kunci import dan export.
// module.js
export const nama = "Alice";
export function sapa() {
console.log("Halo!");
}
// main.js
import { nama, sapa } from './module.js';
console.log(nama); // Output: Alice
sapa(); // Output: Halo!
Sintaks async/await menyederhanakan kerja dengan janji, membuat kode asinkron terlihat lebih sinkron.
const ambilData = async () => {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
return data;
};
ambilData().then(data => console.log(data));
JavaScript berjalan di berbagai lingkungan, dengan mesin browser seperti V8 (Chrome) dan SpiderMonkey (Firefox) yang paling menonjol. Node.js memungkinkan JavaScript dieksekusi di sisi server, memberdayakan pengembang untuk membangun aplikasi web lengkap dengan bahasa yang sama di sisi klien dan server.
IDE dan editor kode umum untuk JavaScript termasuk Visual Studio Code, WebStorm, Atom, dan Sublime Text. Alat-alat ini menyediakan fitur seperti penyorotan sintaks, penyelesaian kode cerdas, dan dukungan debugging.
Untuk mengatur proyek JavaScript, pengembang biasanya menggunakan manajer paket seperti npm atau yarn untuk mengelola ketergantungan. Struktur proyek yang umum mencakup file index.html untuk antarmuka web, file JavaScript utama (sering kali main.js), dan mungkin file package.json untuk mengelola paket.
npm init -y # Menginisialisasi proyek JavaScript baru dengan pengaturan default
npm install express # Menginstal kerangka kerja Express
JavaScript digunakan dalam berbagai aplikasi, termasuk:
Kompetitor utama dan alternatif JavaScript termasuk:
Setiap bahasa memiliki kekuatan dan kelemahan masing-masing tergantung pada kebutuhan spesifik dari proyek atau aplikasi.
Untuk menerjemahkan kode JavaScript ke bahasa lain atau sebaliknya, seseorang dapat menggunakan alat seperti Babel (untuk mentranspilasi JavaScript modern ke versi yang lebih lama) atau TypeScript (untuk pemeriksaan tipe dan mentranspilasi ke JavaScript). Pustaka seperti jQuery juga dapat membantu dengan manipulasi DOM di berbagai lingkungan dengan menyediakan API yang konsisten.
Selain Babel dan TypeScript, alat lain dapat membantu dalam menerjemahkan atau mengonversi kode JavaScript: