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!

JavaScript - Syntax

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:

  1. Number: 42, 3.14
  2. String: "Hello", 'JavaScript'
  3. Boolean: true, false
  4. Object: {name: "John", age: 30}
  5. Array: [1, 2, 3, 4]
  6. 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:

  1. Dapat mengandung huruf, digit, garis bawah, dan tanda dollar
  2. Harus dimulai dengan huruf, garis bawah (_, atau tanda dollar ($)
  3. Bersensitif terhadap huruf
  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 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