Cara menggunakan WORDJS di JavaScript

Pada tutorial sebelumnya, kita telah mempelajari Tutorial Belajar JavaScript Bagian 2. Cara Menulis Sintaks JavaScript, selanjutnya kita akan belajar cara menulis variabel JavaScript

Apa Itu Variabel?

Variabel sangat penting untuk semua bahasa pemrograman

Variabel digunakan untuk menyimpan data, seperti string teks, angka, dll

Data atau nilai yang disimpan dalam variabel dapat diatur, diperbarui, dan diambil kapan pun dibutuhkan. Secara umum, variabel adalah nama simbolis untuk sebuah nilai

Anda dapat membuat variabel dengan kata kunci var, sedangkan operator penugasan (=) digunakan untuk menetapkan nilai ke variabel, seperti ini. var namavar = nilai;

<script>
    // Membuat variabel
    var nama = "Budi Karmoyo ";
    var usia = 21;
    var isMenikah = false;
    
    // Cetak nilai variabel
    document.write(nama + "<br>");
    document.write(usia + "<br>");
    document.write(isMenikah);
</script>

Tip. Selalu berikan nama yang bermakna untuk variabel Anda. Selain itu, untuk menamai variabel yang mengandung banyak kata biasanya digunakan teknik penulisan camelCase

Teknik penulisan CamelCase bisa sebagai berikut. namaVariabelPanjang

Pada contoh diatas kita telah membuat 3 variabel, yang pertama dibuat dengan nilai string, yang kedua dibuat dengan angka, sedangkan yang terakhir dibuat dengan nilai boolean

Variabel dapat menampung berbagai jenis data, kita akan mempelajarinya di tutorial selanjutnya

Dalam JavaScript, variabel juga dapat dideklarasikan tanpa nilai awal. Ini berguna untuk variabel yang harus menyimpan nilai seperti masukan pengguna

<script>
    // Deklarasi Variabel
    var userNama;
     
    // Menetapkan Nilai
    userNama = "Budi Karmoyo ";
    
    // Cetak nilai variabel
    document.write(userNama);
</script>

Catatan. Dalam JavaScript, jika sebuah variabel telah dideklarasikan, tetapi belum secara eksplisit diberi nilai, maka secara otomatis akan diberi nilai yang tidak terdefinisi.

Mendeklarasikan Beberapa Variabel Sekaligus

Selain itu, Anda juga dapat mendeklarasikan beberapa variabel dan menetapkan nilai awalnya dalam satu pernyataan

Setiap variabel dipisahkan dengan koma, seperti yang ditunjukkan pada contoh berikut

<script>
    // Deklarasi multiple Variabel
    var nama = "Budi Karmoyo", usia = 21, isMenikah = false;
    
    // Cetak nilai variabel
    document.write(nama + "<br>");
    document.write(usia + "<br>");
    document.write(isMenikah);
</script>

Kata kunci let dan const ES6

ES6 memperkenalkan dua kata kunci baru let dan cons untuk mendeklarasikan variabel

Kata kunci const bekerja sama persis dengan let, perbedaannya adalah nilai variabel yang dideklarasikan menggunakan kata kunci const tidak dapat diubah

Ini sebuah contoh

<script>
    // Deklarasi Variabel
    let nama = "Budi Karmoyo";
    let usia = 11;
    let isSiswa = true;
    
    // Cetak nilai variabel
    document.write(nama + "<br>");
    document.write(usia + "<br>");
    document.write(isSiswa + "<br>");
    
    // Deklarasi konstanta
    const PI = 3.14;
    
    // Cetak nilai konstanta
    document.write(PI); // 3.14
    
    // Trying to reassign
    PI = 10; // error
</script>

Tidak seperti var, kata kunci let mendeklarasikan variabel yang dibatasi pada tingkat blok yang dibatasi oleh tanda ({}).

Level blok berarti lingkup baru dibuat di antara sepasang kurung kurawal {}. Kami akan membahas ini secara detail nanti, di tutorial fitur JavaScript ES6

Catatan. Kata kunci let dan const tidak didukung di browser lama seperti IE10

Konvensi Penamaan untuk Variabel JavaScript

Berikut aturan penamaan variabel JavaScript

• Nama variabel harus dimulai dengan huruf, garis bawah (_), atau tanda dolar ($)
• Nama variabel tidak boleh dimulai dengan angka
• Nama variabel hanya boleh berisi karakter alfanumerik (A-z, 0-9) dan garis bawah
• Nama variabel tidak boleh mengandung spasi
• Nama variabel tidak boleh berupa kata kunci JavaScript atau fungsi JavaScript

Catatan. Nama variabel dalam JavaScript peka terhadap huruf besar/kecil, artinya $myvar dan $myVar adalah dua variabel yang berbeda. Jadi berhati-hatilah saat menentukan nama variabel

Pada seri tutorial JavaScript sebelumnya, Codekey telah membahas cara mengurutkan data array di JavaScript dengan cepat dan mudah. Kali ini Codekey akan mengajak Anda untuk belajar membuat komentar di JavaScript

Apa itu komentar? . Komentar ini berguna untuk menjelaskan kode JavaScript dan membuatnya lebih mudah dibaca. Jika Anda tertarik mempelajari tentang komentar di JavaScript, pastikan Anda membaca artikel ini sampai selesai

Komentar dalam JavaScript. Definisi

Bahasa pemrograman menawarkan opsi bagi Anda untuk meninggalkan catatan untuk diri sendiri atau orang lain. Fitur komentar JavaScript menyederhanakan pembuatan kode yang lebih mudah dibaca

Mereka mudah untuk menulis dan mengenali. Blok komentar JavaScript (juga dikenal sebagai komentar multi-baris) dimulai dengan * /, sedangkan komentar satu baris dimulai dengan //. Dalam bahasa pemrograman, komentar juga dapat digunakan untuk mencegah beberapa baris kode dieksekusi. Ini sangat berguna saat Anda melakukan pengujian

Ada beberapa jenis komentar dalam JavaScript. Pertama, komentar satu baris atau komentar satu baris yang mengomentari satu baris atau bagian dari satu baris dan komentar multi baris atau komentar multi baris yang mengomentari blok kode. Komentar multi-baris ini lebih sering digunakan untuk dokumentasi formal

Dalam JavaScript juga dikenal istilah Comment Out, yang berarti Anda menjadi bagian dari kode dan dikelilingi oleh simbol komentar JavaScript. Comment Out tidak dijalankan oleh browser yang berarti komentar ini tidak akan ditampilkan. Berikut adalah contoh mengomentari satu baris komentar di bawah ini

//document.getElementById("text").innerHTML = "SELAMAT";
document.getElementById("text2").innerHTML = "Belajar";

Contoh berikut adalah ilustrasi komentar dari blok kode

/*document.getElementById("text").innerHTML = "SELAMAT";
document.getElementById("text2").innerHTML = "Belajar";*/

Selain itu, komentar JavaScript memungkinkan Anda mengomentari baris atau baris, bagian dari baris, atau blok kode. Fitur ini dapat digunakan untuk men-debug kode Anda untuk menemukan lokasi bug dengan cepat

Comment Out adalah bagian dari kode, untuk itu Anda tidak boleh menghapus bagian itu untuk melihat apakah ada bug di baris itu

Artikel Terkait   Tutorial JavaScript 26. Prototipe Javascript, Yuk Kenali dan Pahami

Komentar baris tunggal

Komentar satu baris ini digunakan untuk mengomentari bagian dari satu baris atau satu baris penuh kode dalam JavaScript. Anda dapat menggunakannya untuk menjelaskan kode atau melakukan debugging

Anda juga dapat menggunakannya untuk berkomentar guna mencegah eksekusi dari browser. Berikut ini adalah contoh penggunaan komentar satu baris untuk menjelaskan baris dari kode di bawah ini

// Ini adalah kode dalam javascript
document.getElementById("item").innerHTML = "ini hanya contoh";

Pada contoh berikut, komentar ditulis pada baris yang sama dengan kode itu sendiri

var n = 17;       // deklarasi variabel n
var hasil = n + 23;  // variabel hasil

Untuk komentar satu baris, Anda harus menulis dua garis miring. //. Apa pun yang terjadi setelah // hingga jeda baris diperlakukan sebagai komentar JavaScript dan tidak dieksekusi sebagai kode

Artikel Terkait   Tutorial JavaScript 2. Belajar Javascript, Cara Mudah Menulis Kode.

Komentar multi baris

Komentar multi-baris JavaScript memiliki tujuan yang sama dengan komentar satu baris. Blok komentar JavaScript dimulai dengan dua simbol. /*. Untuk mengakhiri komentar, gunakan simbol ini * / lagi. Segala sesuatu di antara simbol-simbol ini akan diperlakukan sebagai komentar di JavaScript

Anda dapat menggunakan komentar multiline JavaScript untuk meninggalkan komentar panjang atau mengomentari bagian kode yang lebih besar saat melakukan debug. Misalnya sebagai berikut

/* Contoh penggunaan multi
 line comments dalam javascript */

document.getElementById("text").innerHTML = "Selamat";
document.getElementById("text2").innerHTML = "Belajar";

Demikian penjelasan komentar pada JavaScript. Ada beberapa hal yang perlu Anda ingat baik-baik dari materi ini