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:
Post a Comment