Sintaks JavaScript

Dalam tutorial ini, Anda akan memahami tentang tata bahasa JavaScript, termasuk spasi, pernyataan, pengidentifikasi, komentar, ekspresi, dan kata kunci.

Spasi (Whitespace)

Spasi merujuk pada karakter-karakter yang memberikan ruang di antara karakter-karakter lainnya. JavaScript memiliki beberapa jenis spasi seperti pemindahan baris, spasi, baris baru, dan tab.

Meskipun mesin JavaScript mengabaikan spasi, Anda dapat menggunakannya untuk memformat kode agar mudah dibaca dan dikelola.

Kode JavaScript tanpa spasi:

let formatted = true; if (formatted) {console.log('Kode ini mudah dibaca');}

Setara dengan kode berikut yang menggunakan spasi, sehingga lebih mudah dibaca:

let formatted = true;

if (formatted) {
  console.log('Kode ini mudah dibaca');
}

Perlu diingat bahwa bundler JavaScript menghapus semua spasi dari file JavaScript dan menggabungkannya ke dalam satu file untuk diimplementasikan. Hal ini membuat kode JavaScript menjadi lebih ringan dan lebih cepat untuk dimuat di peramban web.

Pernyataan (Statements)

Pernyataan adalah kode yang mendeklarasikan variabel atau memberi instruksi kepada mesin JavaScript untuk melakukan tugas tertentu. Pernyataan sederhana diakhiri dengan titik koma (;).

Meskipun titik koma (;) bersifat opsional, sebaiknya selalu digunakan untuk mengakhiri pernyataan. Contohnya, berikut mendeklarasikan variabel dan menampilkannya di konsol:

let message = "Selamat datang di JavaScript";
console.log(message);

Blok (Blocks)

Blok adalah urutan dari nol atau lebih pernyataan sederhana. Blok diapit oleh sepasang kurung kurawal {}. Contohnya:

if (window.localStorage) {
  console.log('Penyimpanan lokal didukung');
}

Pengidentifikasi (Identifiers)

Pengidentifikasi adalah nama yang Anda pilih untuk variabel, parameter, fungsi, kelas, dll. Nama pengidentifikasi dimulai dengan huruf (a-z, atau A-Z), garis bawah (), atau tanda dolar ($) dan diikuti oleh urutan karakter termasuk (a-z, A-Z), angka (0-9), garis bawah (), dan tanda dolar ($).

Penting untuk diingat bahwa huruf tidak terbatas pada karakter ASCII dan dapat mencakup ASCII yang diperpanjang atau Unicode, meskipun tidak disarankan.

Pengidentifikasi bersifat case-sensitive. Sebagai contoh, ‘message’ berbeda dari ‘Message’.

Komentar (Comments)

Komentar memungkinkan Anda menambahkan catatan atau petunjuk pada kode JavaScript. Mesin JavaScript mengabaikan komentar saat mengeksekusi kode.

JavaScript mendukung komentar satu baris dan blok.

Komentar satu baris dimulai dengan dua karakter garis miring (//). Sebagai contoh:

// ini adalah komentar satu baris

Komentar blok dimulai dengan garis miring dan asterisk /* dan diakhiri dengan kebalikannya */ seperti contoh berikut:

/* Ini adalah komentar blok
yang dapat melintasi beberapa baris */

Ekspresi (Expressions)

Ekspresi adalah potongan kode yang dievaluasi menjadi nilai. Contohnya:

2 + 1

Ekspresi di atas mengembalikan tiga.

Kata Kunci & Kata Kunci Cadangan (Keywords & Reserved Words)

JavaScript mendefinisikan daftar kata kunci cadangan yang memiliki penggunaan khusus. Oleh karena itu, Anda tidak dapat menggunakan kata kunci cadangan sebagai pengidentifikasi atau nama properti.

Tabel berikut menunjukkan kata kunci cadangan JavaScript yang didefinisikan dalam ECMA-262:

break	case	catch
continue	debugger	default
else	export	extends
function	if	import
new	return	super
throw	try	null
void	while	with
class	delete	finally
<code>in	switch	typeof
yield	const	do
for	instanceof	this
var

Selain kata kunci cadangan, ECMA-252 juga mendefinisikan daftar kata kunci cadangan masa depan yang tidak dapat digunakan sebagai pengidentifikasi atau nama properti:

enum	implements	let
protected	private	public
await	interface	package
implements	public

Ringkasan

• Gunakan spasi termasuk pemindahan baris, spasi, baris baru, dan tab untuk memformat kode. Mesin JavaScript mengabaikan spasi.
• Gunakan titik koma (;) untuk mengakhiri pernyataan sederhana.
• Gunakan kurung kurawal ({}) untuk membentuk blok yang mengelompokkan satu atau lebih pernyataan sederhana.
• Komentar satu baris dimulai dengan // diikuti oleh teks. Komentar blok dimulai dengan /* dan diakhiri dengan */. Mesin JavaScript juga mengabaikan komentar.
• Pengidentifikasi adalah nama yang Anda pilih untuk variabel, fungsi, kelas, dll.
• Hindari menggunakan kata kunci dan kata kunci cadangan untuk pengidentifikasi.