Ask Belajar JavaScript mengenal Variabel ,untuk pemula AdityaDees

Variabel merupakan segala bentuk sesuatu yang dapat bervariasi. Dalam bahasa scripting JavaScript, variabel menyimpan nilai data yang dapat diubah nanti. Gunakan kata kunci yang dicadangkan Var untuk mendeklarasikan variabel dalam JavaScript.

				
								
var < nama-variabel > 
var < nama-variabel > = < nilai >						
								
								
				

Sebuah variable harus memiliki nama yang unik atau tidak sama dengan nama variable lainya dalam struktur kode anda. Perlu di ingat bahawa namaVariable Javascript sangat sensitif dimana namaVariabel dan namavariabel itu berbeda atau CaseSensitif.

Dalam aturan penulisan JavaScript itu bersifat CaseSensitif yaitu penulisan huruf kapital dan huruf kecil itu berbeda. Misalnya penulisan kode document.getElementById("namaVariabel").innerHTML; perhatikan dalam kurung "getElementById dan " dan "inner.HTML" huruf harus di tulis sama persis namaVariabel ,jangan seperti ini namavariabel.

				
								
var  melon;
				

Perhatikan kode di atas, itu var melon; adalah deklarasi variabel. Itu belum memiliki nilai apa pun. Nilai default dari variabel yang tidak memiliki nilai apapun disebut undefined.

Anda dapat menetapkan nilai ke variabel menggunakan = operator saat Anda mendeklarasikannya atau setelah deklarasi dan sebelum mengunakanya.

				
var melon; 
    melon = "Hello JavaScript!"; // diberi nilai string
    
    alert(melon); // mengakses variabel
    
    
     // berikut ini mendeklarasikan dan menetapkan nilai numerik 
    
    var num = 100;
    var apel = num; // menetapkan variabel ke variabel					
								
								
								
				

Dalam contoh di atas,variabel melon dideklarasikan terlebih dahulu dan kemudian diberi nilai string dalam pernyataan berikutnya. Variabel num dideklarasikan dan diinisialisasi dengan numerik nilai dalam laporan yang sama. Akhirnya, variabel apel dideklarasikan dan diinisialisasi dengan nilai variabel lain.

Mendeklarasikan beberapa variabel

Anda dapat juga mendeklarasikan beberapa variabel dalam satu baris yang dipisahkan oleh koma.

				
								
var satu= 1, dua = 'dua', tiga;				
				

Variabel yang di ketik secara longgar

C# atau Java memiliki variabel yang diketik. Ini berarti variabel harus dideklarasikan dengan tipe data yang menentukan tipe data yang akan disimpan oleh variabel.

JavaScript adalah bahasa yang diketik secara longgar. Ini berarti tidak memerlukan tipe data untuk dideklarasikan. Anda dapat menetapkan nilai literal apa pun ke variabel, misalnya string, integer, float, boolean, dll.

				
var myvariable = 1; // numeric value myvariable = 'one'; // string value myvariable = 1.1; // decimal value 
myvariable = true; // Boolean value 
myvariable = null; // null value								
								
				

Lingkup variabel
dalam JavaScript, variabel dapat dideklarasikan baik dalam lingkup global atau lingkup lokal. Sedangkan Lingkup Global.

Variabel Global
Variabel yang dideklarasikan dari fungsi apa pun disebut variabel global. Mereka dapat diakses di mana saja dalam kode JavaScript, bahkan di dalam fungsi apa pun.

Variabel Lokal Variabel yang dideklarasikan di dalam fungsi disebut variabel lokal untuk fungsi itu. Mereka hanya dapat diakses dalam fungsi di mana mereka dideklarasikan tetapi tidak di luar. Contoh berikut mencakup variabel global dan lokal.

				
var kacang = "Hello " // variabel global
		
function myfunction(){
var jambu = "JavaScript!"; //variabel lokal
			alert(kacang + jambu); // mengakses variabel global dan lokal
		}
      
		myfunction();
		
		alert(kacang);//dapat mengakses variabel global
		alert(jambu); //kesalahan: tidak dapat mengakses variabel lokal
								
								
				

Variabel yang dideklarasikan di luar fungsi apa pun menjadi variabel global. Variabel global dapat diakses dan dimodifikasi dari fungsi apa pun.

				
								
 var nama = "Bill";

		function modifyUserName() {
            nama = "Steve";
        };

	    function showUserName() {
            alert(userName);
        };


		alert(nama);

		modifyUserName();
		showUserName();						
								
				

Pada contoh di atas, variabel nama menjadi variabel global karena dideklarasikan di luar fungsi apa pun. Fungsi modifikasiUserName() memodifikasi namapengguna karena namapengguna adalah variabel global dan dapat diakses di dalam fungsi apa pun.

Dengan cara yang sama, fungsi showUserName() menampilkan nilai variabel userName saat ini. Mengubah nilai variabel global dalam fungsi apa pun akan tercermin di seluruh program.

Harap dicatat bahwa variabel yang dideklarasikan di dalam fungsi tanpa kata kunci Var juga menjadi variabel global.

Contoh variabel global

				
								
function createUserName() {
				userName = "Jono";
			};

		function modifyUserName() {
				if(userName)
					userName = "Lono";
			};

		function showUserName() {
				alert(userName);  
			};
    
		createUserName();
		showUserName(); // Jono

		modifyUserName();
		showUserName(); // Lono					
								
				

Pada contoh di atas, variabel userName dideklarasikan tanpa kata kunci var di dalam createUserName(), sehingga menjadi variabel global secara otomatis setelah memanggil createUserName() untuk pertama kalinya.

Variabel userName akan menjadi variabel global hanya setelah createUserName() dipanggil setidaknya sekali. Memanggil showUserName() sebelum createUserName() akan mengeluarkan pengecualian "namapengguna tidak ditentukan.

Contoh variabel lokal

Variabel yang dideklarasikan di dalam fungsi apa pun dengan kata kunci var disebut variabel lokal. Variabel lokal tidak dapat diakses atau dimodifikasi di luar deklarasi fungsi.

				
	function xdor() {
			var nama = "jono";
		}

		function showUserName() {
			try{
				alert(nama);
			}
			catch(ex)
			{
				document.getElementById("error").innerHTML = ex;
			}
		}

		xdor();
		showUserName(); // kesalahan: nama pengguna tidak ditentukan
								
								
				

Dalam contoh di atas, namapengguna adalah lokal untuk fungsi xdor(). Itu tidak dapat diakses di fungsi showUserName() atau fungsi lainnya. Ini akan menimbulkan kesalahan jika Anda mencoba mengakses variabel yang tidak dalam lingkup lokal atau global. Gunakan blok coba tangkap untuk penanganan pengecualian.

Jika variabel lokal dan variabel global memiliki nama yang sama maka perubahan nilai dari satu variabel tidak mempengaruhi nilai variabel lainnya.

Deklarasi variabel tanpa kata kunci

Variabel dapat dideklarasikan dan diinisialisasi tanpa var kata kunci. Namun, nilai harus diberikan ke variabel yang dideklarasikan tanpa var kata kunci.

				
	function myfunction(){
			kidung = "Hello JavaScript!"; 
		}
		myfunction();
		document.getElementById("p1").innerHTML = kidung; // kidung menjadi variabel global sehingga dapat diakses di sini			
								
								
								
				

Variabel yang dideklarasikan tanpa var kata kunci menjadi variabel global, di mana pun mereka dideklarasikan.Hal ini tidak dianjurkan untuk mendeklarasikan variabel tanpa var kunci karena sengaja dapat menimpa variabel global yang ada.

Selanjutnya