Menganal Variabel Pada Javascript

Hallo...
Semangat pagi !
Kali ini saya akan share tentang variabelnya javascript, beberapa kali saya pernah share tentang javascript juga, karena giamana yaa... ya ga gimana-gimana :D hehehe.... langsung aja, dari pada banyak prolog nanti yang ada gak fokus belajar lagi :D

Hasil gambar untuk javascript code

Yuk simak !

Pengertian

Javascript merupakan bahasa pemrograman yang berguna untuk membuat interaksi pada website. sehingga website terlihat lebih hidup. seperti misalnya membuat efek-efek pada website. javascript sudah menjadi salah satu bahasa pemrograman yang wajib dan harus di kuasai untuk membangun website yang modern. javascript menjadi kebutuhan dan bahasa pemrograman yang harus di kuasai. apalagi bagi anda yang akan mengkhususkan diri di bagian web design.

Latar Belakang

Pada perkembangan dunia website sekarang ini javascript sudah menjadi bahasa pemrograman yang sangat di butuhkan. banyak website-website yang menggunakan javascript untuk membuat modal alert, pemberitahuan, form validation, efek, ajax, game dan sebagainya.

Maksud dan Tujuan

Menyajikan materi guna menjadi referensi bagi pembaca postingan.

Alat dan Bahan

Komputer atau laptop.
Text editor (Sublime text, Atom. Notepad++ ataupun text editor lainnya).

Tahapan dan Langkah kegiatan

Cara membuat variabel di dalam JavaScriptdi bedakan menjadi 2, yakni dengan menggunakan keyword var, dan tanpa var.

Jika menggunakan kata kunci var, berikut adalah contoh penulisannya:

1

2

3

4

5

6

7

<script>

  var a;

  var b, c, d;

  var e; var f;

  var g=12;

  var h="Saya Sedang Belajar JavaScript di Web";

</script>

Pada 2 baris terakhir saya membuat variabel, sekaligus memberikan nilai ke dalam variabel tersebut.

Cara kedua untuk membuat variabel adalah tanpa menggunakan keyword var, seperti berikut ini:

<script>

  a;

  b=12;

  c=" Saya Sedang Belajar JavaScript di Web";

Pembuatan variabel tanpa menggunakan keyword var memang lebih cepat, akan tetapi tidak disarankan. Walaupun variabel yang dideklarasikan tanpa keyword var akan tetap berfungsi sebagaimana mestinya seperti variabel dengan var, namun JavaScript ‘menyimpan’ variabel tersebut dengan cara yang berbeda. Salah satu perbedaannya adalah tentang variabel scope(yang akan kita bahas setelah ini). Sedapat mungkin kita selalu membuat variabel menggunakan keyword var.

Jangkauan Variabel (atau Variabel Scope) adalah konsep tentang pembatasan akses dari sebuah variabel. Yaitu pada bagian mana sebuah variabel masih bisa diakses.

Sebuah variabel jika dideklarasikan (baik dengan keyword var ataupun tanpa var), akan bersifatglobal, atau dikenal dengan istilah global variable. Sebuah variabel akan menjadi global variabel sepanjang variabel tersebut di deklarasikan di luar fungsi.

Jika sebuah variabel di deklarasikan di dalam fungsi, maka variabel tersebut hanya akan bisa diakses di dalam fungsi tersebut, atau bersifat lokal (dikenal juga dengan local variable).

Apabila kita membuat 2 variabel dengan nama yang sama sebagai global variabel, dan juga local variable di dalam sebuah fungsi, maka local variable akan memiliki prioritas yang lebih tinggi dibandingkan global variabel.

Berikut adalah contoh efek konsep global variable dan local variable dalam JavaScript:

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Belajar JavaScript</title>

<script>

var nilai = "global";

function test() {

   var nilai = "lokal";

   var nilai_lokal = "Web";

   tanpa_var = "no_scope"; //akan menjadi global variabel!!

   console.log(nilai);

   }

test(); // print: lokal

console.log(nilai); // print: global

console.log(tanpa_var); //print: no_scope (bisa diakses)

console.log(nilai_lokal); //error, karena nilai_lokal adalah lokal variabel

</script>

</head>

<body>

<h1>Belajar JavaScript</h1>

<p> Saya sedang belajar JavaScript di Web </p>

</body>

</html>

Dalam contoh kode diatas, saya membuat dan mendeklarasikan beberapa variabel secara globalmaupun lokal.

Pada baris ke-8, saya membuat sebuah variabel global, dengan nama nilai, dan memberikan nilai string “global” ke dalam variabel ini.

Selanjutnya, saya membuat fungsi test() dan mendeklarasikan kembali variabel nilai, namun kali ini memberikan nilai string “lokal”. Di dalam fungsi ini saya juga membuat variabel baru, yakninilai_lokal dan tanpa_var.

Khusus untuk variabel tanpa_var, sesuai dengan namanya, saya mendeklarisakannya tanpa keyword var. sehingga efeknya, variabel tanpa_var akan menjadi variabel global.

Dengan membuat beberapa perintah console.log, kita dapat mencari tahu apa yang terjadi dari contoh kode diatas.

Variabel nilai apabila diakses dari luar fungsi akan bernilai “global”, sedangkan jika diakses dari dalam fungsi akan bernilai “lokal”. Variabel tanpa_var juga sukses ditampilkan, karena variabel ini telah menjadi variabel global.

Saat mencoba mengakses variabel nilai_lokal, web browser akan menampilkan error. Hal ini terjadi karen variabel nilai_lokal bersifat lokal di dalam fungsi test, sehingga apabila diakses dari luar fungsi, JavaScript ‘tidak melihat’ variabel ini, dan menampilkan error.

Hasil

Telah menerapkan bahasa pemrograman javascript ke dalam pembuatan website.

Kesimpulan

Kegunaan variabel dalam javascript sama dengan kegunaan variabel pada umumnya yaitu untuk penyimpanan data sementara. Ada juga yang menyebut variabel adalah wadah untuk menyimpan informasi.

Referensi

Terimakasih telah menyimak, semoga postingan ini dapat bermanfaat. Selamat mencoba dan selamat belajar.

ayirsa~

Tuesday, 27 September 2016

Menganal Variabel Pada Javascript

Pengertian

Latar Belakang

Maksud dan Tujuan

Alat dan Bahan

Tahapan dan Langkah kegiatan

Hasil

Kesimpulan

Referensi

About nn -

1 comments:

Join it !

Popular Posts

Labels

Instagram posts

About us