Sintaks JavaScript adalah sekumpulan aturan, yang mengatur bagaimana program JavaScript dibangun.
var x, y, z; // Deklarasikan Variabel x = 5; y = 6; // Tetapkan Nilai z = x + y; // Hitung Nilai
Section Artikel
Value pada JavaScript
Sintaks JavaScript mendefinisikan dua jenis nilai (value), yaitu:
- Nilai tetap
- Nilai variabel
Nilai tetap disebut Literal.
Nilai variabel disebut Variabel.
Nilai Literal di JavaScript
Dua aturan sintaks terpenting untuk nilai tetap (nilai literal) adalah
1. Angka ditulis dengan atau tanpa desimal:
<!DOCTYPE html> <html> <body> <h2>Angka pada JavaScript</h2> <p>Angka ditulis dengan atau tanpa desimal.</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 10.50; </script> </body> </html>
2. String adalah tipe data teks, ditulis dalam tanda kutip ganda atau tunggal.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript String</h2>
<p>String adalah tipe data teks, ditulis dalam tanda kutip ganda atau tunggal.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>
</body>
</html>
Variabel pada JavaScript
Dalam bahasa pemrograman, variabel digunakan untuk menyimpan nilai data sementara.
JavaScript menggunakan keyword var untuk mendeklarasikan variabel.
Dan menggunakan tanda sama dengan (=) digunakan untuk menetapkan nilai pada variabel.
Dalam contoh ini, x didefinisikan sebagai variabel. Kemudian, x diberikan nilai 6.
<!DOCTYPE html>
<html>
<body>
<h2>Variabel pada JavaScript</h2>
<p>Dalam contoh ini, x didefinisikan sebagai variabel.
Kemudian, x diberi nilai 6:</p>
<p id="demo"></p>
<script>
var x;
x = 6;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
JavaScript Operator
JavaScript menggunakan operator aritmatika (+ – * /) untuk menghitung nilai.
<!DOCTYPE html>
<html>
<body>
<h2> Operator pada JavaScript</h2>
<p>JavaScript menggunakan operator aritmatika untuk menghitung nilai (seperti aljabar).</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>
</body>
</html>
JavaScript menggunakan operator sama dengan (=) untuk menetapkan nilai ke variabel:
<!DOCTYPE html>
<html>
<body>
<h2>Menetapkan Nilai JavaScript</h2>
<p>Dalam JavaScript, operator = digunakan untuk menetapkan nilai pada variabel.</p>
<p id="demo"></p>
<script>
var x, y;
x = 5;
y = 6;
document.getElementById("demo").innerHTML = x + y;
</script>
</body>
</html>
JavaScript Expression
Ekspresi adalah kombinasi nilai, variabel, dan operator, yang digunakan untuk menghitung nilai.
Perhitungan tersebut disebut evaluasi.
Misalnya, 5 * 10 bernilai 50:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Expressions</h2>
<p>Ekspresi untuk menghitung nilai.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 * 10;
</script>
</body>
</html>
Ekspresi juga dapat berisi nilai variabel:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Expressions</h2>
<p>Ekspresi untuk menghitung nilai</p>
<p id="demo"></p>
<script>
var x;
x = 5;
document.getElementById("demo").innerHTML = x * 10;
</script>
</body>
</html>
Nilainya dapat dari berbagai jenis, seperti angka dan string.
Misalnya, “John” + “” + “Doe”, dievaluasi menjadi “John Doe”:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Expressions</h2>
<p>Ekspresi untuk menghitung nilai.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "John" + " " + "Doe";
</script>
</body>
</html>
JavaScript Keyword
Keyword pada JavaScript digunakan untuk mengidentifikasi tindakan yang akan dilakukan.
Kata kunci var memberi tahu browser untuk membuat variabel:
<!DOCTYPE html>
<html>
<body>
<h2>Keyword var Membuat Variabel</h2>
<p id="demo"></p>
<script>
var x, y;
x = 5 + 6;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>
</body>
</html>
JavaScript Comment
Tidak semua pernyataan JavaScript akan dijalankan.
Kode setelah garis miring ganda // atau antara / * dan * / digunakan sebagai komentar.
Komentar akan diabaikan, dan tidak akan dijalankan:
<!DOCTYPE html>
<html>
<body>
<h2>Komentar JavaScript TIDAK Dieksekusi</h2>
<p id="demo"></p>
<script>
var x;
x = 5;
// x = 6; Aku tidak akan dieksekusi
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
JavaScript Identifiers
Identifier adalah nama.
Dalam JavaScript, identifier digunakan untuk memberi nama variabel (dan keywordi, function, dan label).
Aturan untuk penamaan variabel hampir sama di sebagian besar bahasa pemrograman.
Dalam JavaScript, karakter pertama harus berupa huruf, atau garis bawah (_), atau tanda dolar ($).
Karakter selanjutnya dapat berupa huruf, angka, garis bawah, atau tanda dolar.
Angka tidak diperbolehkan sebagai karakter pertama.
Dengan cara ini JavaScript dapat dengan mudah membedakan variabel dengan angka.
JavaScript Case Sensitive
Semua identifier JavaScript peka huruf besar / kecil atau case sensitive.
Variabel lastName dan lastname, adalah dua variabel yang berbeda:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Case Sensitive</h2>
<p>Coba ubah lastName menjadi lastname.</p>
<p id="demo"></p>
<script>
var lastname, lastName;
lastName = "Doe";
lastname = "Peterson";
document.getElementById("demo").innerHTML = lastName;
</script>
</body>
</html>
JavaScript tidak akan menafsirkan VAR atau Var sebagai keyword var.
JavaScript and Camel Case
Secara historis, programmer telah menggunakan berbagai cara untuk menggabungkan beberapa kata menjadi satu nama variabel:
Tanda hubung (-):
first-name, last-name, master-card, inter-city.
Tanda hubung tidak diperbolehkan dalam JavaScript. Tanda hubung dipesan untuk tanda pengurangan.
Uderscore (_)
first_name, last_name, master_card, inter_city.
Upper Camel Case (Pascal Case):
FirstName, LastName, MasterCard, InterCity.
Lower Camel Case:
Pemrogram JavaScript cenderung menggunakan camel case yang dimulai dengan huruf kecil:
firstName, lastName, masterCard, interCity.
JavaScript Character Set
JavaScript menggunakan set karakter Unicode.
Unicode mencakup (hampir) semua karakter, tanda baca, dan simbol di dunia.
