Assalamu’alaikum..
kali ini
akan membahas tentang fitur dasar dari bahasa JavaScript, untuk
memberi kalian pemahaman yang lebih dalam bagaimana semuanya bekerja.
Fitur seperti ini
sangat umum pada semua bahasa pemrograman. Jika anda dapat memahami
dasar ini, anda akan mampu memulai pemrograman apapun.
Variabel
Variabel merupakan
sesuatu yang dapat diberi nilai. Dapat dideklarasikan dengan keyword
var, diikuti nama yang diinginkan:
var myVariable;
Semua baris di JS
harus diakhiri dengan semi-colon (;), untuk menandakan akhr baris
kode. Jika anda tidak menambahkanya, anda bisa mendapatkan hasil yang
tidak diinginkan.
JavaScript sangat
case sensitive myVariable sangat berbeda dengan variabel myvariable .
jika anda mendapatkan masalah pada kode anda, periksa huruf
besar/kecil (casing).
Setelah
mendeklarasikan sebuah variabel, anda bisa menambahkan nilai:
myVariable =
'Bob';
Anda dapat mengambil
nilai dengan memangil nama variabel:
myVariable;
Anda bisa melakukan
operasi ini dalam satu baris jika anda menginginkanya:
var myVariable =
'Bob';
Setelah memberikan
nilai pada variabel, setelah itu anda bisa mengubah nilainya:
var myVariable =
'Bob';
myVariable =
'Steve';
Tipe data dalam
variabel:
Variabel
|
Penjelasan
|
Contoh
|
String
|
Teks String.
Untuk menandakan bahwa variabel adalah sebuah string dan perlu
menambahkan tanda kuitip (‘’).
|
Var myVariable =
‘Bob’;
|
Number
|
Angka/number.
Angka tudak menggunakan tanda kutip.
|
Var myVariable =
10;
|
Boolean
|
Nilai
True/False. True/false merupakan keyword spesial di JS, dan tidak
perlu menggunakan kutip.
|
Var myVariable =
true;
|
Array
|
Struktur yang
memungkinkan anda menyimpan lebih dari satu nilai dalam sebuah
reference.
|
var myVariable =
[1,'Bob','Steve',10];
Panggil setiap member array seperti
ini: myVariable[0] ,
myVariable[1] ,
etc.
|
Object
|
Pada dasarnya,
semua. Semuanya di javascript adalah sebuah objek, dan dapat
disimpan dalam variabel.
|
var myVariable =
document.querySelector('h1')
;
All of the above
examples too.
|
Jadi kenapa kita memerlukan variabel? Baik, variable dibutuhkan dalam
berbagai hal menarik di pemrograman. Jika nilainya tidak berubah,
maka anda tidak dapat melakukan sesuatu hal yang bersifat dinamis,
seperti menyesuaikan pesan salam ke pengunjung website anda, atau
mengubah gambar yang tampil di galeri, dan masih banyak lagi.
Komentar
Anda dapat menambahkan komentar di kode Javascript, seperti halnya
pada CSS. Di JavaScript, sebaris komentar ditulis seperti berikut:
// Ini adalah komentar
Namun anda juga dapat menggunakan lebih dari satu baris komentar
seperti yang anda lakukan pada CSS:
/*
Ini adalah komentar
lebih dari satu baris
*/
Operator
Operator pada dasarnya adalah simbol matematika yang
bertindak atas dua nilai (atau variabel yang berisi nilai) dan
menghasilkan nilai baru. Pada tabel dibawah anda bisa melihat
beberapa operator yang sederhana, disertai contoh untuk anda coba di
konsole browser.
Operator
|
Penjelasan
|
Contoh
|
Penambahan/Penggabungan | Digunakan untuk menambahkan nilai satu dengan lainnya menjadi sebuah nilai baru, atau menggabungkan dua teks string. | Simbol (+) 6 + 9; "Hello " + "world!"; |
Pengurangan, Perkalian, Pembagian | Yang ini hasilnya sama seperti yang kita kenal di matematika dasar. | Simbol (-,*,/) 9 - 3; 8 * 2; // perkalian di JS menggunakan tanda bintang (*) 9 / 3; |
Operator Penugasan | Anda telah melihat ini sebelumnya, penugasan di JS digunakan untuk memberikan nilai pada variabel. | Simbol (=) var myVariable = 'Bob'; |
Operator Kesetaraan | Melakukan tes untuk melihat apakah suatu nilai sama dengan nilai pembanding, dan mengembalikan nilai hasil berupa boolean true / false. | Simbol (===) var myVariable = ===3; myVariable === 4; |
Operator Penugasan | Sering digunakan bersama operator kesetaraan, operator pembanding di JS sama dengan logical NOT membalik nilai TRUE menjadi FALSE dan sebaliknya. | Simbol (!,!==) Ekspresi dasar bernilai TRUE namun pada pembandingan membalikkan nilai FALSE karena kita menggunakan Pembanding: var myVariable = 3; !myVariable === 3; |
Semoga Bermanfaat….. ;)
Wassalamu’alaikum
Tidak ada komentar:
Posting Komentar