Jan 15, 2014

Perbedaan Null Dan Undefined JavaScript


Undefined Adalah variable yang tidak memiliki nilai hanya deklarasi saja ataupun variable yang tidak terdefinisikan,
Sedangkan null merupakan object kosong, nilai null pada variable merupakan assigment.
:) agak bingung yaa? Mari kita lihat dalam source code



/****************************************************
    Contoh null dan undefined javascript
****************************************************/
var _x;         // nilai yang terdapat pada _x ialah undefined
var _y=null;    // nilai yang terpadat pada _y adalah null


Contoh 2 (variable yang tidak terdifinisikan)


/****************************************************
    Contoh null dan undefined javascript
****************************************************/
var _karyawan= { nama : "Srigala Militan", umur:36, jenis_kelamin:true};
alert(_karyawan.alamat); // Nilai dari object _karyawan.alamat adalah undefined (tidak terdefinisikan)


Contoh Lengkap
<!DOCTYPE html>
<html>
<body>
<h1>Perbedaan null dan Undefined pada JavaScript</h1>
<script>
var _x;         // nilai yang terdapat pada _x ialah undefined
var _y=null;    // nilai yang terpadat pada _y adalah null
document.write("var _x; Nilainya adalah "+_x);
document.write("<br>");
document.write("var _y=null; Nilainya adalah "+_y);
</script>
<script>
function tampilkanDataKaryawan ()
{
   var _karyawan= { nama : "Srigala Militan", umur:36, jenis_kelamin:true};
    
  document.getElementById("p_nama").innerHTML=_karyawan.nama;
  document.getElementById("p_umur").innerHTML=_karyawan.umur;
  document.getElementById("p_jenis_kelamin").innerHTML=_karyawan.jenis_kelamin;
  document.getElementById("p_alamat").innerHTML=_karyawan.alamat;
}
</script>
<br>
<h3>Tampilkan data Karyawan</h3>
<hr><br>
NAMA            : <span id="p_nama"></span><br>
UMUR            : <span id="p_umur"></span><br>
JENIS KELAMIN    : <span id="p_jenis_kelamin"></span><br>
Alamat            : <span id="p_alamat"></span><br>
<button type="button" onclick="tampilkanDataKaryawan()">tampilkan</button><br>

<p>Nilai Alamat akan terisi undefined karena
 properti alamat belum terdefinisikan pada
object karyawan.</p>
</body>
</html>

No comments: