Membuat Variable Javascript

Tanggal : 06 Sep 2018, Category : JavaScript, Create By : admin

Dalam pemprograman destop maupun website pastinya kalian akan menemukan variable, variabel dalam bahasa pemprograman adalah sebuah angka, simbol atau huruf yang di gunakan untuk tempat penyimpanan data sementara, yang nantinya bisa di pake dengan memanggil nama variabel tersebut. Dalam pembuatan aplikasi berbasis wesbite variabel sangat di perlukan untuk membantu dalam menyimpan data, karena dengan variabel pembuatan aplikasi bisa lebih praktis.

Pembuatan Variabel JavaScript berbeda sedikit dengan variabel php, akan tetapi fungsi dan kegunaanya sama persis, dalam pembuatan variabel JavaScript memiliki dua sifat atau jangkauan yaitu variabel global dan variabel local, artinya adalah jika variabel global bisa di akses oleh semua function atau di luar function akan tetapi jika variabel local hanya bisa di akses oleh lingkup function dimana varibale itu di buat.

Dalam pembuatan variabel global maupun local sama - sama bisa di gunakan, tinggal di sesuaikan dengen kebutuhan pengambilan data dari variabel tersebut, jika variabel tersebut nantinya akan di ambil oleh function lain anda bisa gunakan variabel global dan sebaliknya, setelah penjelsan di atas sekarang kita akan mulai praktenya dan membuat script sederhana dalam pembuatan variabel javascript.

Membuat Variabel Local JavaScript

Yang pertama adalah kita akan mencoba membuat sebuah variabel local javascript, variabel ini hanya bisa di akses oleh function dimana varibale itu dibuat, berikut contoh scriptnya

<input type="button" onclick="getDataPertama()" value="Data Pertama" /><br />
<input type="button" onclick="getDataKedua()" value="Data Kedua" />

<script type="text/javascript">

function getDataPertama(){
var a = "Agus";
alert(a);
}

function getDataKedua(){
alert(a);
}

</script>

Dari script di atas kita akan mencoba membuat variabel local javascript, yang pertama adalah kita membuat tombol Data Pertama dimana tombol ini memanggil function getDataPertama didalamnya berisi variabel dengan data Agus, kemudian akan di tampilkan melalui alert javascript, berikut hasilnya.

Ketika kita memanggil function dimana variabel itu di buat maka alert akan sukses menampilkan data variabel tersebut, tetapi jika function kedua di panggil maka akan menghasilkan output sebagai berikut

Function kedua tidak bisa mengakses variabel dan menampilkan error a is not defined, seperti yang di jelaskan pertma kali jika membuat variabel local maka variabel tersebut hanya bisa di akses di mana variabel tersebut di buat.

Membuat Variabel Global JavaScript

Untuk kedua kita akan membuat variabel global javascript, yang akan bisa di akses oleh semua function yang ada di dalam satu file tersebut, sebenarnya dalam pembuatan variabel global dan variabel local perbedaannya hanya sedikit, mari kita simak scritp di bawah ini.

<input type="button" onclick="getDataPertama()" value="Data Pertama" /><br />
<input type="button" onclick="getDataKedua()" value="Data Kedua" />

<script type="text/javascript">

function getDataPertama(){
a = "Agus";
alert(a);
}

function getDataKedua(){
alert(a);
}

</script>

Kami masih memakai script yang sama hanya merubah sedikit scriptnya, coba kalian bandingkan dengan script pertama dan kedua, apa ada perbedaan, jika anda teliti maka anda akan menemukan perbedaan yaitu jika script pertama (variabel local) dalam membuat variabel menggunakan var dan script kedua (variabel global) dalam membuat variabel tidak menggunakan var, ya, di javascirpt dalam membuat variabel local dan variabel global hanya dengan tidak mengguanak var dalam pembuatannya. Mari kita coba dengan hasil outpunya.

Untuk function pertama sukses, dan function kedua hasilnya sebagi berikut

teryata berhasil juga, itulah cara membuat variabel global dalam javascript cukup simpel dalam pembuatanya, akan tetapi fungsi dan keguanaanya sangat besar dan di butuhkan oleh para programmer dalam membuat aplikasi.

Mungkin cukup sekian materi cara membuat variabel di javascript, jika ada pertanyaan dan masukan silahkan isi kolom komentar di bawah, semoga bermanfaat dan terimakasih, 

silahkan kunjungi artikel lainya.


Keyword:
  • membuat variable javaScript
  • variabel global javascript
  • variabel local javascript
  • variabel global
  • variabel local
  • javascript
  • variabel javascript

Artikel Lain

Menambah User Centos 7

Date : 28 Sep 2018, Category : Server, Create By : admin

Materi ini adalah materi pertama dalam kategori baru yaitu server, di kategori ini kita akan membahas mengenai konfigurasi server, sebagai programmer adakalanya kita di tuntut untuk mengetahui sedikit mengenai konfihurasi .....

How To Care For Thinning And Dandruff Hair Naturally?

Date : 11 Feb 2023, Category : Health, Create By : admin

Hair is a part of the human body that can enhance someone's appearance, so it's no wonder we want strong and healthy hair. However, we often face hair problems such .....

What Is The Javascript Programming Language And Examples Of Its Use

Date : 13 Feb 2023, Category : JavaScript, Create By : admin

JavaScript is a high-level, interpreted programming language that is widely used to create interactive and dynamic web pages. It is a client-side scripting language, meaning that the code is executed .....