Belajar Javascript (12. Scope)

Belajar Javascript (12. Scope)

Scope Javascript

Scope berarti jangkauan. Dalam sebuah contoh pada javascript yaitu jankauan dari variable atau kumpulan variable, object, serta function dapat diakses. Variable jika terdapat di dalam sebuah function, maka disebut LOCAL, Maka hanya dapat diakses didalam function tersebut. Jika variable berada di luar function dinamakan GLOBAL, Berarti dapat diakses semua script maupun di dalam function. Perhatikan contoh berikut:

LOCAL

<!DOCTYPE html>
<html>
<head>
	<title>scope</title>
</head>
<body>
	<script type="text/javascript">
		function fungsi(){
			var nama = "pesonainformatika";
			var versi = "1.0"
			document.write("ditampilkan "+nama);
		}
		fungsi();
		document.write(versi);
	</script>	
</body>
</html>

hasil

Pada contoh diatas, browser akan menampilkan variable nama saja, variable “versi” tidak tercetak karena tidak mempunyai jangkauan akses dari fungsi() . Sedangkan variable nama tercetak karena variable tersebut terletak di dalam fungsi. Ini yang dapat kita pahami tentang LOCAL. Untuk GLOBAL perhatikan contoh berikut:

<!DOCTYPE html>
<html>
<head>
	<title>scope</title>
</head>
<body>
	<script type="text/javascript">
		var nama = "pesonainformatika";
		var versi = "1.0"
		function fungsi(){
			document.write("ditampilkan "+nama);
		}
		fungsi();
		document.write("<br>"+versi);
	</script>	
</body>
</html>

hasil

Untuk contoh diatas, variable nama dan variable “versi” akan sama-sama tercetak baik didalam fungsi atau diluar fungsi, Ini dapat kita pahami tentang GLOBAL.

Pada saat isi variable tidak di deklarasikan sebagai varible misal hanya “versi = ‘1.0’ ” bukan “var versi = ‘1.0’ ” maka otomatis menjadi global seperti code LOCAL di atas hanya menghapus “var”

<!DOCTYPE html>
<html>
<head>
	<title>scope</title>
</head>
<body>
	<script type="text/javascript">
		function fungsi(){
			var nama = "pesonainformatika";
			versi = "1.0"
			document.write("ditampilkan "+nama);
		}
		fungsi();
		document.write("<br>"+versi);
	</script>	
</body>
</html>

hasil

Semoga bermanfaat, sampai jumpa di postingan selanjutnya.

written by @akhi_syabab

Leave a Reply

Your email address will not be published.Required fields are marked *