Lecture ini membahas 3 hal penting yang sering muncul saat menulis JavaScript:

1. Comment → catatan yang tidak dijalankan JavaScript.
2. Expression → potongan kode yang menghasilkan sebuah nilai.
3. Statement → instruksi/perintah yang menyuruh JavaScript melakukan sesuatu.
4. Bonus penting: semicolon (;) dan bagaimana JavaScript menangani baris baru.

Kita bahas satu per satu dengan contoh sederhana.

1. Comment dalam JavaScript

Apa itu comment?

Comment adalah tulisan di dalam kode yang tidak akan dijalankan oleh JavaScript.

Bayangkan kamu sedang menulis resep:

Masukkan 2 telur
Tambahkan gula
// Jangan lupa gunakan mangkuk besar
Kocok sampai rata

Kalimat // Jangan lupa gunakan mangkuk besar adalah catatan untuk manusia, bukan instruksi untuk mesin.

Begitu juga di JavaScript.

// Ini adalah komentar

JavaScript akan mengabaikannya.

2. Kenapa kita menggunakan comment?

Ada beberapa alasan.

A. Menjelaskan kode

Misalnya:

// Menampilkan pesan selamat datang
console.log("Hello User");

Orang yang membaca kode langsung tahu fungsi kode tersebut.

Tanpa comment:

console.log("Hello User");

Masih mudah dipahami karena kodenya sederhana.

Tapi bayangkan kode yang panjang dan kompleks. Comment akan sangat membantu.

B. Menjelaskan kenapa kode dibuat

Misalnya:

// Menggunakan nilai default karena user belum login
let username = "Guest";

Comment tidak hanya menjelaskan apa yang dilakukan kode, tetapi bisa menjelaskan kenapa kode tersebut dibuat.

Ini sangat berguna dalam project besar.

C. Menyimpan informasi tentang file

Misalnya:

// Author: John
// Created: April 15, 2026
// Purpose: Handle user authentication

Informasi seperti ini kadang digunakan dalam project.

Namun dalam project modern, informasi seperti author/version biasanya lebih baik dikelola dengan sistem seperti Git daripada memenuhi setiap file dengan metadata.

D. Menonaktifkan kode sementara

Ini salah satu penggunaan comment yang sangat berguna.

Misalnya kita punya:

console.log("Hello User");

Kalau kita ingin kode tersebut tidak dijalankan, kita bisa mengubahnya menjadi:

// console.log("Hello User");

Sekarang JavaScript melihat seluruh baris tersebut sebagai comment.

Akibatnya:

Tidak dijalankan
Tidak menghasilkan output

Ini sering disebut commenting out code.

3. Single-line comment

JavaScript mempunyai comment satu baris menggunakan:

//

Contoh:

// Ini adalah komentar

Atau:

let age = 20; // Menyimpan umur user

Comment dimulai setelah // dan berakhir ketika baris tersebut selesai.

Contoh:

// JavaScript akan mengabaikan baris ini
let age = 20;

Yang dijalankan hanya:

let age = 20;

4. Multi-line comment

Kalau comment terdiri dari beberapa baris, kita bisa menggunakan:

/*
   comment
*/

Contoh:

/*
Ini adalah komentar
yang terdiri dari
beberapa baris
*/

JavaScript akan mengabaikan semuanya.

Kita juga bisa melakukan:

/*
Author: John
Created: April 15, 2026
Purpose: User management
*/

5. Perbedaan // dan /* */

Contoh:

// Ini komentar satu baris

Sedangkan:

/*
Ini komentar
lebih dari satu baris
*/

6. Shortcut comment di VS Code

Lecture juga menunjukkan shortcut.

Di VS Code:

Ctrl + /

untuk Windows/Linux.

Misalnya:

console.log("Hello");

Kamu pilih baris tersebut lalu tekan:

Ctrl + /

Maka menjadi:

// console.log("Hello");

Tekan lagi:

Ctrl + /

maka comment akan dibuka kembali:

console.log("Hello");

Jadi shortcut ini berfungsi sebagai:

Comment ↔ Uncomment

7. Sekarang masuk ke Expression

Ini bagian yang cukup penting.

Lecture mengatakan:

Expression adalah sesuatu yang menghasilkan sebuah nilai/result.

Contoh paling sederhana:

30 + 40

Hasilnya:

70

Jadi:

30 + 40

adalah expression.

Kenapa?

Karena kode tersebut menghasilkan sebuah nilai:

70

8. Contoh expression lainnya

Angka

10 + 20

menghasilkan:

30

Perkalian

5 * 10

menghasilkan:

50

Perbandingan

10 > 5

menghasilkan:

true

String

"Hello"

juga merupakan sebuah nilai.

Variable

Misalnya:

let x = 70;

Kemudian:

x

merupakan expression karena ketika JavaScript mengevaluasinya, dia mendapatkan nilai:

70

9. Expression bisa menghasilkan nilai

Ini konsep paling penting.

Misalnya:

30 + 40

JavaScript mengevaluasinya:

30 + 40
↓
70

Jadi kita bisa membayangkan:

Expression
    ↓
menghasilkan nilai

Contoh:

10 + 20
    ↓
   30

10 > 5
    ↓
  true

"Hello"
    ↓
 "Hello"

10. Expression di dalam statement

Sekarang kita masuk ke bagian yang sering membingungkan.

Perhatikan:

let x = 30 + 40;

Ada expression dan ada statement di sini.

Expression-nya:

30 + 40

Karena:

30 + 40 → 70

Sedangkan keseluruhan:

let x = 30 + 40;

adalah statement.

Kenapa?

Karena keseluruhan baris tersebut merupakan sebuah instruksi:

“Buat variable bernama x, lalu isi dengan hasil 30 + 40.”

Jadi:

30 + 40
   ↓
expression
   ↓
70

let x = 30 + 40;
   ↓
statement

11. Analogi Expression vs Statement

Bayangkan kamu pergi ke restoran.

Expression

Expression seperti:

“Satu porsi nasi.”

Itu menghasilkan sesuatu yang bisa digunakan.

Sedangkan statement seperti:

“Tolong berikan saya satu porsi nasi.”

Itu adalah sebuah instruksi.

Dalam JavaScript:

30 + 40

adalah expression karena menghasilkan:

70

Sedangkan:

let x = 30 + 40;

adalah statement karena merupakan instruksi kepada JavaScript untuk membuat variable dan memberikan nilai.

12. Apa itu Statement?

Secara sederhana:

Statement adalah sebuah instruksi/perintah dalam program.

Contoh:

let x = 30 + 40;

Instruksinya:

Buat variable x dan simpan hasil 30 + 40.

Contoh lain:

console.log("Hello World");

Instruksinya:

Jalankan console.log() untuk menampilkan "Hello World" di console.

Contoh lain:

let name = "John";

Instruksinya:

Buat variable bernama name dan simpan string "John".

13. Expression vs Statement

Cara paling gampang membedakannya:

Expression

“Nilai apa yang dihasilkan?”

Contoh:

30 + 40

Jawab:

70

Statement

“Apa yang diperintahkan untuk dilakukan?”

Contoh:

let x = 30 + 40;

Jawab:

Buat variable x dan masukkan 70 ke dalamnya.

Contoh:

console.log("Hello");

Jawab:

Tampilkan "Hello" di console.

14. Contoh kedua dari lecture

Perhatikan:

let x = 30 + 40;

Bagian:

30 + 40

adalah expression.

Karena menghasilkan:

70

Sedangkan:

let x = 30 + 40;

adalah statement.

Kemudian:

let y = `The result of 30 + 40 is ${x}`;

Di dalam:

${x}

x adalah expression.

Kenapa?

Karena x menghasilkan nilai yang sedang disimpan olehnya:

70

Sehingga hasil akhirnya:

The result of 30 + 40 is 70

Tetapi keseluruhan:

let y = `The result of 30 + 40 is ${x}`;

adalah statement.

15. Expression tidak harus berdiri sendiri

Ini penting.

Expression bisa menjadi bagian dari expression atau statement lain.

Contoh:

let x = 10 + 20;

Di sini:

10 + 20

adalah expression.

Contoh lain:

console.log(10 + 20);

Expression:

10 + 20

Statement:

console.log(10 + 20);

Contoh lain:

let age = 20;

Kemudian:

age + 5

adalah expression.

Hasilnya:

25

Bahkan:

age > 18

adalah expression.

Hasilnya:

true

16. Statement bisa terdiri dari expression

Ini gambaran yang sangat berguna:

let x = 30 + 40;

Strukturnya kira-kira:

STATEMENT
│
├── let x =
│
└── EXPRESSION
    └── 30 + 40

Expression menghasilkan nilai 70, lalu statement menggunakan nilai tersebut untuk assignment ke x.

17. JavaScript program terdiri dari banyak statement

Sebuah program JavaScript biasanya terdiri dari banyak statement.

Contoh:

let name = "John";
let age = 28;
console.log(name);
console.log(age);

Ada 4 statement:

1. let name = "John";
2. let age = 28;
3. console.log(name);
4. console.log(age);

JavaScript kemudian menjalankannya secara berurutan.

Statement 1
    ↓
Statement 2
    ↓
Statement 3
    ↓
Statement 4

Inilah salah satu alasan kenapa urutan kode penting.

18. Apa itu semicolon ;?

Sekarang masuk ke bagian berikutnya.

Kita sering melihat:

let x = 10;
let y = 20;
console.log(x + y);

Tanda:

;

disebut semicolon.

Secara sederhana, semicolon digunakan untuk menandai:

“Statement ini sudah selesai.”

Jadi:

let x = 10;

artinya statement selesai di sini.

Kemudian:

let y = 20;

adalah statement berikutnya.

19. Apakah semicolon wajib di JavaScript?

Nah, ini menarik.

Tidak selalu wajib.

JavaScript mempunyai mekanisme bernama:

Automatic Semicolon Insertion (ASI)

Secara sederhana, JavaScript sering kali bisa memahami bahwa sebuah statement sudah selesai walaupun kita tidak menulis ;.

Contoh:

let x = 10
let y = 20
console.log(x + y)

Ini tetap bisa berjalan.

JavaScript kira-kira memperlakukannya seperti:

let x = 10;
let y = 20;
console.log(x + y);

20. Kenapa bisa begitu?

Karena JavaScript melihat struktur kode dan line break.

Misalnya:

let x = 10
let y = 20

JavaScript dapat memahami bahwa:

let x = 10

sudah selesai sebelum:

let y = 20

21. Tapi jangan berpikir “setiap baris = satu statement”

Ini sangat penting.

Lecture memberikan contoh:

console.log(
    10
    + 20
    + 30
);

Walaupun ada line break setelah 10 dan 20, JavaScript tidak menganggapnya sebagai tiga statement.

Itu adalah satu expression di dalam satu console.log().

Strukturnya:

console.log(
    10 + 20 + 30
);

Hasil:

60

Jadi line break tidak selalu berarti statement selesai.

22. Contoh lain

Kode ini:

let total = 10
    + 20
    + 30;

tetap berarti:

let total = 10 + 20 + 30;

Hasil:

total = 60

JavaScript memahami bahwa operasi + masih berlanjut.

Karena kalau JavaScript memotong statement setelah:

10

maka struktur programnya tidak masuk akal.

23. Kenapa lecture menyarankan tetap menggunakan semicolon?

Karena ASI tidak selalu melakukan apa yang kita bayangkan.

JavaScript cukup fleksibel dalam memahami akhir statement, tetapi fleksibilitas ini kadang bisa menyebabkan perilaku yang mengejutkan.

Contoh yang terkenal:

let x = 10

[1, 2, 3].forEach(function (number) {
    console.log(number);
});

Dalam situasi tertentu, JavaScript dapat membaca line break bukan seperti yang kita maksud.

Karena itu banyak developer memilih gaya:

let x = 10;

[1, 2, 3].forEach(function (number) {
    console.log(number);
});

Dengan semicolon yang jelas, batas statement menjadi lebih eksplisit.

24. Bisa tidak menulis dua statement dalam satu baris?

Bisa.

Misalnya:

let x = 10; let y = 20;

Ini valid.

Tapi tidak direkomendasikan untuk readability.

Lebih baik:

let x = 10;
let y = 20;

Karena lebih mudah dibaca.

Kalau kamu menulis:

let x = 10 let y = 20;

ini akan menghasilkan syntax error karena JavaScript tidak tahu dengan jelas di mana statement pertama berakhir.

25. Kenapa kita sebaiknya satu statement per baris?

Karena kode menjadi lebih mudah dibaca.

Kurang bagus:

let name = "John"; let age = 28; console.log(name); console.log(age);

Lebih bagus:

let name = "John";
let age = 28;

console.log(name);
console.log(age);

Code formatting bukan cuma masalah estetika.

Kode yang mudah dibaca akan:

• lebih mudah dipahami,
• lebih mudah diperbaiki,
• lebih mudah di-debug,
• lebih mudah dikerjakan bersama orang lain.

26. Hubungan Comment, Expression, dan Statement

Sekarang kita gabungkan semuanya.

Misalnya:

// Menghitung total harga
let total = 100 + 50;

console.log(total);

Comment

// Menghitung total harga

Tidak dijalankan.

Expression

100 + 50

Menghasilkan:

150

Statement

let total = 100 + 50;

Instruksinya:

Buat variable total dan simpan hasil expression 100 + 50.

Statement kedua

console.log(total);

Instruksinya:

Tampilkan nilai total ke console.

27. Analogi paling gampang

Bayangkan JavaScript seperti seorang pekerja.

Comment

// Tolong hitung harga total

Ini seperti catatan untuk manusia.

Pekerja tidak menjalankannya.

Expression

100 + 50

Ini seperti proses perhitungan.

Hasilnya:

150

Statement

let total = 100 + 50;

Ini seperti instruksi lengkap:

“Buat tempat bernama total, lalu masukkan hasil perhitungan 100 + 50 ke sana.”

28. Contoh lengkap

Coba lihat program ini:

// Menyimpan harga produk
let price = 100;

// Menyimpan jumlah produk
let quantity = 3;

// Menghitung total harga
let total = price * quantity;

// Menampilkan total
console.log(total);

Mari kita bedah.

Comment:

// Menyimpan harga produk

Tidak dieksekusi.

Statement:

let price = 100;

Membuat variable.

Statement:

let quantity = 3;

Membuat variable.

Expression:

price * quantity

Menghasilkan:

300

Statement:

let total = price * quantity;

Menyimpan hasil 300 ke variable total.

Statement:

console.log(total);

Menampilkan:

300

29. Kesalahan pemahaman yang sering terjadi

❌ “Expression adalah sesuatu yang menghasilkan output di console”

Tidak tepat.

Expression tidak harus mencetak sesuatu ke console.

Misalnya:

10 + 20

adalah expression.

Tapi belum tentu tampil di console ketika berada di file JavaScript.

Kalau ingin melihat hasilnya:

console.log(10 + 20);

❌ “Statement tidak menghasilkan nilai sama sekali”

Untuk level pembelajaran awal, lecture menyederhanakan seperti itu.

Tetapi secara konsep JavaScript yang lebih lengkap, hubungan expression dan statement lebih teknis daripada sekadar “menghasilkan nilai vs melakukan sesuatu”.

Untuk sekarang, pegangan yang aman:

Expression → menghasilkan/merepresentasikan sebuah nilai. Statement → sebuah instruksi yang dijalankan JavaScript.

Nanti ketika belajar if, for, function, dan konsep yang lebih lanjut, perbedaan ini akan semakin jelas.

30. Cheat Sheet

31. Cara mengingatnya

Gunakan rumus sederhana ini:

COMMENT
↓
"Catatan untuk manusia"
↓
Tidak dieksekusi

EXPRESSION
↓
"Menghasilkan nilai"
↓
30 + 40
↓
70

STATEMENT
↓
"Perintah untuk JavaScript"
↓
let x = 30 + 40;

Dan:

SEMICOLON ;
↓
"Statement selesai di sini"

32. Contoh latihan untuk kamu

Coba lihat kode berikut:

// Menghitung umur tahun depan
let age = 20;

let nextYear = age + 1;

console.log(nextYear);

Coba identifikasi:

1. Mana comment?

// Menghitung umur tahun depan

2. Mana expression?

age + 1

Karena menghasilkan:

21

3. Mana statement?

let age = 20;
let nextYear = age + 1;
console.log(nextYear);

Masing-masing adalah statement.

4. Mana semicolon?

;

Ada di akhir masing-masing statement.

🧠 Inti yang harus benar-benar kamu ingat

Kalau dari lecture ini kamu hanya mengingat 5 hal, ingat ini:

1. Comment tidak dijalankan JavaScript.

   // komentar
   

2. /* ... */ digunakan untuk multi-line comment.

   /*
   komentar
   beberapa baris
   */
   

3. Expression menghasilkan/merepresentasikan nilai.

   10 + 20 // 30
   

4. Statement adalah instruksi yang dilakukan JavaScript.

   let x = 10 + 20;
   

5. JavaScript bisa melakukan Automatic Semicolon Insertion, tetapi untuk pemula sebaiknya biasakan menulis ; di akhir statement.

Kalau dibuat super singkat:

Comment   = catatan
Expression = menghasilkan nilai
Statement  = melakukan sesuatu
Semicolon  = menandai akhir statement