Sintaks dasar dan tipe data

Untuk memahami sintaks dasar dan tipe data dalam JavaScript, Anda dapat mengikuti modul berikut yang dilengkapi dengan contoh-contoh praktis. Kita akan menggunakan terminal di Ubuntu 24.04 dan editor teks seperti `nano` atau `gedit` untuk menulis dan menjalankan kode JavaScript tanpa bergantung pada Microsoft Code.

1. Persiapan Lingkungan

JavaScript biasanya dijalankan di lingkungan browser atau menggunakan Node.js untuk eksekusi di sisi server. Untuk keperluan ini, kita akan menggunakan Node.js. Pastikan Node.js sudah terinstal di sistem Anda. Jika belum, Anda dapat menginstalnya dengan perintah berikut di terminal:

sudo apt update
sudo apt install nodejs
sudo apt install npm

Setelah instalasi selesai, verifikasi instalasi dengan mengecek versi Node.js:

nodejs --version

2. Sintaks Dasar JavaScript

Sintaks dasar JavaScript meliputi aturan penulisan kode, seperti penggunaan titik koma, penulisan variabel, dan komentar.

• Pernyataan dan Titik Koma: Setiap pernyataan dalam JavaScript biasanya diakhiri dengan titik koma (`;`). Meskipun opsional, penggunaan titik koma disarankan untuk menghindari ambiguitas.

• Komentar:
  • Komentar satu baris diawali dengan `//`.
  • Komentar multi-baris ditulis di antara `/*` dan `*/`.

• Variabel:
  • `var`: Digunakan sebelum ES6, memiliki cakupan fungsi.
  • `let`: Diperkenalkan di ES6, memiliki cakupan blok.
  • `const`: Untuk variabel yang nilainya tidak berubah, juga memiliki cakupan blok.

Contoh:

Buat file baru bernama `sintaks.js` menggunakan editor teks favorit Anda, misalnya `nano`:

nano sintaks.js

Kemudian, tambahkan kode berikut:

// Ini adalah komentar satu baris

/*
Ini adalah komentar
multi-baris
*/

// Deklarasi variabel
var nama = "Andi";
let umur = 25;
const negara = "Indonesia";

// Menampilkan nilai variabel
console.log("Nama:", nama);
console.log("Umur:", umur);
console.log("Negara:", negara);

Simpan dan tutup editor. Untuk menjalankan kode, gunakan perintah berikut di terminal:

nodejs sintaks.js

3. Tipe Data dalam JavaScript

JavaScript memiliki beberapa tipe data dasar:

• String: Teks yang ditulis di antara tanda kutip.
• Number: Angka, baik bilangan bulat maupun desimal.
• Boolean: Hanya memiliki dua nilai, `true` atau `false`.
• Undefined: Variabel yang telah dideklarasikan tetapi belum diberi nilai.
• Null: Menunjukkan bahwa variabel memiliki nilai kosong atau tidak ada nilai.
• Object: Kumpulan pasangan kunci-nilai.
• Array: Jenis khusus dari objek yang menyimpan daftar bernomor.

Contoh:

Buat file baru bernama `tipeData.js`:

nano tipeData.js

Tambahkan kode berikut:

// Tipe data String
let nama = "Budi";

// Tipe data Number
let umur = 30;
let tinggi = 175.5;

// Tipe data Boolean
let sudahMenikah = false;

// Tipe data Undefined
let alamat;

// Tipe data Null
let pekerjaan = null;

// Tipe data Object
let mahasiswa = {
    nama: "Siti",
    umur: 22,
    jurusan: "Informatika"
};

// Tipe data Array
let hobi = ["Membaca", "Menulis", "Berenang"];

// Menampilkan semua variabel
console.log("Nama:", nama);
console.log("Umur:", umur);
console.log("Tinggi:", tinggi);
console.log("Sudah Menikah:", sudahMenikah);
console.log("Alamat:", alamat);
console.log("Pekerjaan:", pekerjaan);
console.log("Mahasiswa:", mahasiswa);
console.log("Hobi:", hobi);

Simpan dan tutup editor. Jalankan kode dengan perintah:

nodejs tipeData.js

4. Menjalankan Kode JavaScript di Terminal Ubuntu

Selain menggunakan file `.js`, Anda juga dapat menjalankan JavaScript langsung di terminal menggunakan Node.js REPL (Read-Eval-Print Loop). Cukup ketik `nodejs` di terminal, dan Anda akan masuk ke mode interaktif di mana Anda dapat mengetik dan mengeksekusi kode JavaScript secara langsung.

nodejs
> let x = 10;
> let y = 20;
> let z = x + y;
> console.log(z);
30
>

Untuk keluar dari mode ini, tekan `Ctrl + C` dua kali atau ketik `.exit`.

Dengan memahami sintaks dasar dan tipe data dalam JavaScript serta cara menjalankannya di Ubuntu tanpa menggunakan Microsoft Code, Anda telah memiliki dasar yang kuat untuk pengembangan web. Teruslah berlatih dan eksplorasi lebih lanjut untuk memperdalam pemahaman Anda.

Pranala Menarik

• Web Programming