JavaScript - Sintaks: Panduan Pemula
Hai sana, para ahli JavaScript masa depan! Saya begitu senang untuk menjadi panduan Anda dalam perjalanan menarik ini ke dunia sintaks JavaScript. Sebagai seseorang yang telah mengajar pemrograman selama tahun tahun, saya bisa katakan kepada Anda bahwa menguasai sintaks adalah seperti belajar alfabet sebelum menulis puisi. Mungkin ini tampak dasar, tapi ini adalah dasar dari segala sesuatu yang kita bangun bersama. Jadi, mari kita masuk ke dalam!
Sintaks JavaScript: Blok-Blok Kode
Sintaks JavaScript adalah set aturan yang menentukan bagaimana program JavaScript dibangun. Pergunakanlah hal ini sebagai tata bahasa dari bahasa JavaScript. Sama seperti kita harus mengikuti aturan tata bahasa untuk membuat kalimat yang bermakna saat berbicara, kita juga harus mengikuti aturan sintaks untuk membuat kode kita dapat dimengerti 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 konsol. Mari kitauraikan ini:
-
console
adalah objek yang disediakan oleh JavaScript yang memberikan kita akses ke konsol debugging browser. -
.log()
adalah metode objek console yang mencetak argumen yang diberikan kepadanya. -
"Hello, World!"
adalah string (sebuah urutan karakter) yang kita ingin cetak.
Nilai JavaScript
Dalam JavaScript, kita bekerja dengan jenis nilai yang berbeda. Jenis utamanya adalah:
- Number:
42
,3.14
- String:
"Hello"
,'JavaScript'
- Boolean:
true
,false
- Object:
{name: "John", age: 30}
- Array:
[1, 2, 3, 4]
- Function:
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
Spasi dan Pemisah Baris
JavaScript sangat lunak terhadap spasi (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, umumnya dianggap sebagai praktek yang baik untuk menyertakan mereka.
let a = 5; // Dengan titik koma
let b = 10 // Tanpa titik koma
// Keduanya valid, tetapi menambahkan titik koma disarankan
Kesensitifan Huruf
JavaScript bersensitif terhadap huruf. 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
Menurut konvensi, JavaScript menggunakan camel case untuk nama variabel dan fungsi. Ini berarti kita mulai dengan huruf kecil dan kapitalisasi huruf pertama dari 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 | Mendeklarasikan variabel dengan rentang blok |
const | Mendeklarasikan konstanta yang tak dapat diubah |
if | Menandai blok pernyataan untuk dieksekusi dalam syarat |
for | Menandai blok pernyataan untuk dieksekusi dalam loop |
function | Mendeklarasikan fungsi |
return | Keluar dari fungsi |
true | Nilai Boolean |
false | Nilai Boolean |
Identifikasi JavaScript
Sebuah identifier adalah nama yang Anda berikan kepada variabel, fungsi, atau properti. Berikut adalah aturan untuk identifier yang valid:
- Dapat mengandung huruf, digit, garis bawah, dan tanda dollar
- Harus dimulai dengan huruf, garis bawah (_, atau tanda dollar ($)
- Bersensitif terhadap huruf
- 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 angka
// let my-var = 25; // Tidak dapat menggunakan tanda minus
// let let = 30; // Tidak dapat menggunakan kata kunci
Komentar di JavaScript
Komentar digunakan untuk menambahkan catatan ke kode Anda atau untuk mencegah eksekusi bagian tertentu dari kode Anda. 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 |
---|---|---|
+ | Penjumlahan | 5 + 3 |
- | Pengurangan | 5 - 3 |
* | Perkalian | 5 * 3 |
/ | Pembagian | 15 / 3 |
% | Modulus (sisa) | 5 % 2 |
++ | Increment | x++ |
-- | Decrement | x-- |
== | Sama dengan | 5 == 5 |
=== | Sama persis | 5 === "5" |
!= | Tidak sama | 5 != 3 |
> | Lebih besar | 5 > 3 |
< | Lebih kecil | 3 < 5 |
Ekspression 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 dia dapat bekerja dengan karakter dari banyak bahasa dan emoji! Berikut adalah contoh yang menyenangkan:
let greeting = "Hello! ?";
let name = "Alice";
console.log(greeting + " " + name); // Outputs: Hello! ? Alice
Dan itu adalah dia, teman-teman! Kita telah menutupi dasar sintaks JavaScript. Ingat, latihan membuat sempurna. Jangan khawatir jika segala sesuatu belum jelas segera - ini sangat normal. Terus mencoba, terus mengoding, dan yang paling penting, terus bersenang-senang!
Dalam pelajaran berikutnya, kita akan mendalamkan variabel dan tipe data. Sampai jumpa, selamat koding! ?????
Credits: Image by storyset