Panduan Syntax JavaScript: Untuk Pemula

Hai teman-teman future JavaScript wizard! Saya sangat senang menjadi panduan Anda dalam perjalanan menarik ini ke dunia syntax JavaScript. Sebagai seseorang yang telah mengajar pemrograman selama tahun tahun, saya bisa katakan bahwa menguasai syntax adalah seperti belajar alfabet sebelum menulis puisi. Itu mungkin terlihat dasar, tapi itu adalah dasar dari semua yang kita bangun bersama. Jadi, mari kita masuk ke dalamnya!

Syntax JavaScript: Blok Bangunan Kode

Syntax JavaScript adalah set aturan yang menentukan bagaimana program JavaScript dibangun. Pahami ini sebagai tata bahasa dari bahasa JavaScript. Sama seperti kita harus mengikuti aturan tata bahasa untuk bisa berbicara dengan makna, kita juga harus mengikuti aturan syntax agar kode kita dapat dipahami oleh komputer.

Kode JavaScript Pertama Anda

Mari kita mulai dengan program "Hello, World!" yang sederhana. Ini biasanya adalah program pertama yang Anda tulis saat belajar bahasa baru.

console.log("Hello, World!");

Ketika Anda menjalankan kode ini, Anda akan melihat "Hello, World!" dicetak di console. Mari kitauraikan ini:

• console adalah objek yang disediakan oleh JavaScript yang memberikan kita akses ke konsol debugging browser.
• .log() adalah metode dari objek console yang mencetak argumen yang diberikan kepadanya.
• "Hello, World!" adalah string (sebuah rangkaian karakter) yang kita ingin cetak.

Nilai di JavaScript

Dalam JavaScript, kita bekerja dengan jenis nilai yang berbeda. Jenis utamanya adalah:

1. Numbers: 42, 3.14
2. Strings: "Hello", 'JavaScript'
3. Booleans: true, false
4. Objects: {name: "John", age: 30}
5. Arrays: [1, 2, 3, 4]
6. Functions: function greet() { console.log("Hi!"); }

Berikut adalah contoh penggunaan jenis nilai yang berbeda:

let age = 25;  // Number
let name = "Alice";  // String
let isStudent = true;  // Boolean
let person = {name: "Bob", age: 30};  // Object
let numbers = [1, 2, 3, 4, 5];  // Array

console.log(age);  // Outputs: 25
console.log(name);  // Outputs: Alice
console.log(isStudent);  // Outputs: true
console.log(person.name);  // Outputs: Bob
console.log(numbers[2]);  // Outputs: 3

Whitespace dan Line Breaks

JavaScript cukup toleran terhadap whitespace (spasi, tab, dan baris baru). Anda dapat menggunakannya untuk membuat kode Anda lebih mudah dibaca tanpa mengganggu fungsionalitasnya.

let x = 5;
let y = 10;
let z = x + y;

// Ini setara dengan:
let x=5;let y=10;let z=x+y;

// Dan bahkan ini:
let x = 5
let y = 10
let z = x + y

Semicolons adalah Opsional

Dalam JavaScript, titik koma di akhir pernyataan adalah opsional. Namun, biasanya dianggap baik untuk menyertakan mereka.

let a = 5;  // Dengan titik koma
let b = 10  // Tanpa titik koma

// Kedua-duanya valid, tetapi menambahkan titik koma direkomendasikan

Kesensitifan Huruf

JavaScript bersifat case-sensitive. Ini berarti myVariable, MyVariable, dan MYVARIABLE adalah variabel yang berbeda.

let myVariable = "Hello";
let MyVariable = "World";

console.log(myVariable);  // Outputs: Hello
console.log(MyVariable);  // Outputs: World

JavaScript dan Camel Case

Secara konvensional, JavaScript menggunakan camel case untuk nama variabel dan fungsi. Ini berarti kita mulai dengan huruf kecil dan kapitalisasi huruf pertama dari setiap kata berikutnya.

let firstName = "John";
let lastName = "Doe";
let fullName = firstName + " " + lastName;

console.log(fullName);  // Outputs: John Doe

Kata Kunci JavaScript

JavaScript memiliki set kata kunci yang Anda tidak dapat gunakan sebagai nama variabel. Kata-kata ini disebut kata kunci. Berikut adalah beberapa yang umum:

Kata Kunci	Deskripsi
let	Mengumumkan variabel dengan rentang blok
const	Mengumumkan konstanta yang tetap
if	Menandai blok pernyataan untuk dieksekusi saat suatu kondisi terpenuhi
for	Menandai blok pernyataan untuk dieksekusi dalam sebuah loop
function	Mengumumkan sebuah fungsi
return	Keluar dari fungsi
true	Nilai Boolean
false	Nilai Boolean

Identifiers di JavaScript

Sebuah identifier adalah nama yang Anda berikan kepada variabel, fungsi, atau properti. Berikut adalah aturan untuk identifier yang valid:

1. Dapat mengandung huruf, digit, garis bawah, dan tanda dollar
2. Harus dimulai dengan huruf, garis bawah (_), atau tanda dollar ($)
3. Bersifat case-sensitive
4. Tidak dapat menjadi kata kunci yang direservasi

// Identifier yang valid
let myVariable = 5;
let _privateVar = 10;
let $specialVar = 15;

// Identifier yang tidak valid
// let 123abc = 20;  // Tidak dapat dimulai dengan nomor
// let my-var = 25;  // Tidak dapat menggunakan tanda minus
// let let = 30;     // Tidak dapat menggunakan kata kunci yang direservasi

Komentar di JavaScript

Komentar digunakan untuk menambahkan catatan ke kode Anda atau untuk mencegah eksekusi bagian tertentu dari kode. Ada dua jenis komentar di JavaScript:

// Ini adalah komentar baris tunggal

/*
Ini adalah
komentar multi-baris
*/

let x = 5;  // Anda juga dapat menambahkan komentar di akhir baris

Operator di JavaScript

Operator digunakan untuk melakukan operasi pada variabel dan nilai. Berikut adalah beberapa operator umum:

Operator	Deskripsi	Contoh
+	Penambahan	5 + 3
-	Pengurangan	5 - 3
*	Perkalian	5 * 3
/	Pembagian	15 / 3
%	Modulus (sisa)	5 % 2
++	Inkremen	x++
--	Dekremen	x--
==	Sama dengan	5 == 5
===	Sama persis	5 === "5"
!=	Tidak sama	5 != 3
>	Lebih besar	5 > 3
<	Lebih kecil	3 < 5

Ekspresi di JavaScript

Sebuah ekspresi adalah kombinasi nilai, variabel, dan operator yang dievaluasi menjadi nilai. Berikut adalah beberapa contoh:

let x = 5;
let y = 3;

console.log(x + y);  // Outputs: 8
console.log(x * y);  // Outputs: 15
console.log(x > y);  // Outputs: true
console.log(x === "5");  // Outputs: false

Set Karakter JavaScript

JavaScript menggunakan set karakter Unicode. Ini berarti itu dapat bekerja dengan karakter dari banyak bahasa yang berbeda dan emoji! Berikut adalah contoh yang menyenangkan:

let greeting = "Hello! ?";
let name = "Alice";
console.log(greeting + " " + name);  // Outputs: Hello! ? Alice

Dan itu saja, teman-teman! Kita telah menutupi dasar-dasar syntax JavaScript. Ingat, latihan membuat sempurna. Jangan khawatir jika segala sesuatu tidak langsung berjalan - itu sangat normal. Tetap mencoba, tetap mengoding, dan terutama, tetap bersenang! ??‍??‍?

Credits: Image by storyset