Bagaimana Anda mendeklarasikan dan menginisialisasi variabel dalam javascript?

Pelajari semua konsep inti pemrograman dalam JavaScript Gratis dengan contoh dan latihan dalam browser yang dapat langsung Anda gunakan. Setelah EXLskills Javascript Fundamentals Course, Anda akan memiliki semua yang Anda perlukan untuk memprogram aplikasi untuk browser, server, dan bahkan antarmuka desktop

Setiap bahasa pemrograman memiliki kebutuhan mendasar untuk menyimpan data dalam memori untuk melakukan beberapa perhitungan pada data tersebut. Sekarang untuk menyimpan dan mengakses data ini, lokasi memori memerlukan nama, dan nama ini disebut "Variabel". Selain itu, setiap lokasi memori hanya dapat menyimpan jenis data tertentu. Dan "DataType" dari variabel membantu dalam mengidentifikasi ini. Oleh karena itu, singkatnya, karena setiap bahasa pemrograman harus melakukan sedikit komputasi, memungkinkan pendefinisian, dan deklarasi variabel tipe data tertentu, dan JavaScript juga mengikuti tradisi yang sama.

Dalam artikel ini, mari kita selami pemahaman yang lebih baik tentang Tipe Data dan Variabel yang mencakup berbagai topik berikut

• Apa itu Tipe Data dalam JavaScript?
  • Apa itu Tipe Data Primitif dalam JavaScript?
  • Memahami Tipe Data Komposit dalam JavaScript?
• Apa itu Variabel dalam JavaScript?

  • Bagaimana cara mendefinisikan, mendeklarasikan, dan menginisialisasi variabel dalam JavaScript?

  • Bagaimana cara mendeklarasikan dan menginisialisasi variabel secara bersamaan?

  • Prosedur untuk mendefinisikan beberapa variabel dalam satu langkah dalam JavaScript?

  • Bagaimana cara mendeklarasikan ulang variabel dalam JavaScript?

  • Apa aturan untuk konvensi Penamaan Variabel dalam JavaScript?

  • Bagaimana cara mengakses Variabel JavaScript?

  • Apa Ruang Lingkup Variabel dalam JavaScript?

Apa itu Tipe Data dalam JavaScript?

Sebuah tipe data adalah klasifikasi data yang memberi tahu penyusun atau penafsir bagaimana programmer ingin menggunakan data tersebut. Nilai menentukan jenis item data tertentu yang dapat diambilnya, bahasa pemrograman yang digunakannya, atau operasi yang dapat dijalankan di dalamnya. Selain itu, item data yang berbeda dapat berupa nilai numerik, nilai alfanumerik, desimal, boolean, dll

Seperti yang kita ketahui bahwa JavaScript adalah bahasa tipe dinamis (ketik longgar). Yang, pada gilirannya, berarti bahwa pengguna tidak perlu secara eksplisit menentukan jenis data yang akan disimpan dalam variabel. Mesin JavaScript akan menggunakannya secara dinamis berdasarkan jenis data yang ditetapkan ke variabel. Selain itu, JavaScript dapat menangani banyak jenis data, dan berdasarkan itu;

• Pertama, Tipe Data Primitif
• Kedua, Tipe Data Komposit

Mari kita pahami detail semua tipe data ini di bagian berikut

Apa itu Tipe Data Primitif dalam JavaScript?

Ini adalah tipe data standar yang didukung oleh bahasa pemrograman. JavaScript terutama mendukung jenis tipe data primitif berikut

• Boolean. entitas logis yang memiliki nilai sebagai benar atau salah
• Angka. Merupakan nilai numerik dan dapat menyimpan bilangan bulat dan desimal
• String. Mewakili rangkaian karakter seperti  “Hello World”. String dapat disimpan dalam tanda kutip tunggal atau tanda kutip ganda
• Belum diartikan. Variabel yang memiliki nilai yang tidak ditetapkan akan memiliki nilai default yang tidak ditentukan
• Batal. Dalam JavaScript, null berarti "tidak ada". Itu adalah sesuatu yang tidak ada

Apa itu Tipe Data Komposit dalam JavaScript?

Bahasa pemrograman tidak menentukan tipe data ini sebelumnya, tetapi pemrogram membuatnya. Selain itu, tipe data komposit muncul saat pengelompokan beberapa nilai terjadi. Beberapa Tipe Data komposit yang didukung JavaScript adalah

• Obyek. Ini adalah turunan dari kelas yang mengakses data dan anggota yang dienkapsulasi di kelas

• Array. Ini adalah sekelompok nilai yang serupa

Kami akan membahas detail semua tipe data Komposit ini di artikel mendatang. Mari melangkah lebih jauh untuk memahami konsep variabel dan cara mendeklarasikannya di JavaScript

Apa itu Variabel dalam JavaScript?

Variabel hanyalah nama lokasi penyimpanan. Selain itu, kami juga dapat menyebutnya sebagai wadah yang menyimpan beberapa data selama eksekusi program

Mari kita pahami konsep ini lebih detail dengan bantuan contoh berikut

Dalam contoh di atas, "digit" adalah variabel yang menunjuk ke lokasi memori yang menampung/menyimpan nilai numerik "12". Demikian pula, "lang" adalah variabel yang menunjuk ke lokasi memori yang menyimpan nilai string "javascript". Jadi kita dapat mengatakan bahwa variabel hanyalah sebuah nama untuk lokasi memori, dimana nilainya akan disimpan

Seperti di sebagian besar bahasa pemrograman, fakta berikut juga berlaku untuk variabel dalam JavaScript

• Semua variabel harus dideklarasikan sebelum seseorang dapat menggunakannya
• Selain itu, nilai yang disimpan dalam variabel bersifat dinamis dan dapat diubah kapan saja selama eksekusi program
• Selain itu, variabel hanyalah lokasi memori bernama;

Bagaimana cara mendefinisikan variabel dalam JavaScript?

Seperti bahasa pemrograman lainnya, mendefinisikan variabel dalam JavaScript mengikuti siklus hidup di bawah ini.

Mari kita bahas dan pahami semua fase definisi variabel ini di bagian di bawah ini

Bagaimana cara mendeklarasikan variabel dalam JavaScript?

Mirip dengan bahasa pemrograman lain, membuat variabel disebut sebagai "Mendeklarasikan" variabel dalam JavaScript. Selain itu, deklarasi variabel terjadi dengan bantuan kata kunci "var".

Contoh

var test;

di mana tes adalah nama variabel yang dideklarasikan

Bagaimana cara menginisialisasi variabel dalam JavaScript?

Setelah deklarasi, kita dapat menggunakan tanda sama dengan(=) untuk menetapkan nilai ke variabel

Contoh

test = 10;

di mana tes adalah nama variabel dan diberi nilai 10

Bagaimana cara mendeklarasikan dan menginisialisasi variabel secara bersamaan?

Kami juga dapat menetapkan nilai ke variabel pada saat yang sama dengan deklarasinya.

Contoh

var test = 10;

di mana var adalah kata kunci untuk mendeklarasikan variabel, dan tes adalah nama variabel, dan nilai yang ditetapkan adalah 10

Bagaimana cara mendefinisikan banyak variabel dalam satu langkah dalam JavaScript?

JavaScript juga memungkinkan mendeklarasikan banyak variabel dalam satu baris.

Contoh

var test1 = "John", test2 = "Dheer", test3 = 200;

Deklarasi yang sama bahkan dapat menjangkau beberapa baris, seperti yang ditunjukkan di bawah ini

var test1 = "John",
test2 = "Dheer",
test3 = 200;

Bagaimana cara mendeklarasikan ulang Variabel dalam JavaScript?

Variabel JavaScript selalu mempertahankan nilainya di seluruh ruang lingkup, meskipun kami kembali mendeklarasikan hal yang sama

Misalnya. Pertimbangkan potongan kode di bawah ini

var test1 = 10;
var test2;
var test3;
// test1 will still have the value as 10
var test1;

Jadi, bahkan setelah mendeklarasikan ulang variabel dengan nama yang sama, variabel tersebut akan tetap berada di nilai sebelumnya

Aturan untuk mendefinisikan Variabel JavaScript

Seperti semua bahasa pemrograman, JavaScript juga menetapkan seperangkat aturan yang mengatur konvensi penamaan yang benar untuk variabel. Beberapa dari aturan ini adalah

• Nama variabel harus dimulai dengan huruf, garis bawah (_), atau tanda dolar ($)
• Setelah huruf/garis bawah/dolar pertama, kita bisa menggunakan angka
• Nama variabel tidak boleh berisi spasi
• Variabel dalam JavaScript peka huruf besar-kecil
• Seseorang tidak dapat menggunakan kata-kata yang Dicadangkan (mis. g. , abstrak, final, dll. ) sebagai nama variabel

Di bawah ini adalah beberapa contoh yang menunjukkan kategorisasi variabel JavaScript valid dan tidak valid

// Valid variables
var test1 = 10; // Started with letter
var  _test = “Demo”; // Started with UnderScore(_)
var $test1 = true; // Started with dollar sign($)

// Invalid variables
var 1test = 10; // Started with letter 1
var *test = “value”; // Started with special characte(*)

Bagaimana cara mengakses Variabel JavaScript?

Seperti yang dijelaskan di bab sebelumnya, kode JavaScript dapat diintegrasikan ke dalam file HTML menggunakan tag

test = 10;

<html>

   <body onload = checkVariable()>   

      <script type = "text/javascript">      

            function checkVariable( ) {

               var myVar = "ToolsQA";    

               document.write(myVar);

            }

      </script>     

   </body>

</html>

Simpan file dengan variabel nama. html dan buka di browser. Itu harus menunjukkan output sebagai.

Sesuai kode di atas, kami membuat variabel dengan nama myVar dan menetapkan nilai "ToolsQA" ke variabel itu. Kemudian kita tinggal mencetak nilainya agar muncul di browser saat pengguna membuka file HTML di browser

Apa Ruang Lingkup Variabel JavaScript?

Ruang lingkup variabel adalah bagian dari program yang menyediakan akses ke variabel. Dalam JavaScript, ada dua jenis cakupan.

Mari kita bahas ruang lingkup ini secara rinci

Variabel JavaScript - Cakupan Lokal

Dalam JavaScript, variabel yang dideklarasikan di dalam fungsi/metode atau blok berada di bawah lingkup lokal. Variabel-variabel ini hanya memiliki akses di dalam metode/fungsi atau blok ini saja

E. g. , Pertimbangkan cuplikan kode di bawah ini, di mana deklarasi dan aksesibilitas variabel myVar ada di dalam metode checkVariable(). Tidak berarti, variabel ini memiliki akses di luar metode ini

<html>
<head>

      <script type = "text/javascript">     
            function checkVariable( ) {
               // local variable only accessed inside this function
               myVar = "ToolsQA"; 
               document.write(myVar);  
            }
     </script> 

</head>

<body onload = checkVariable()>      

</body>

</html>

Simpan file dengan nama localVariables. html dan buka di browser.

Sekarang pertimbangkan sebuah contoh, di mana pengguna mencoba mengakses, variabel lokal yang didefinisikan di dalam satu metode, di metode lain, seperti yang ditunjukkan di bawah ini

<html>
<head>
    <script type="text/javascript">         
        function checkVariable( ) {
            // local variable declaration and initialization
            var myVar = "ToolsQA";
         }                 
        
        function clickButton(){
            // try accessing local variable in another method
            alert(myVar);
        }              
    </script>
</head>
   
<body onload=checkVariable()>          
<button onclick="clickButton()">Click me</button>
   
</body>
</html>

Simpan file dengan nama localVariablesOutOfScope. html dan buka di browser apa saja (Chrome, Firefox, atau IE). Misalkan kita membuka file HTML di browser Chrome. Sekarang, buka "konsol" browser Chrome dengan mengklik kanan layar browser dan memilih periksa dari menu konteks. Klik tab "konsol" untuk membuka konsol Chrome. Sekarang, klik tombol "Klik saya". Itu harus menunjukkan output sebagai berikut

Seperti yang dapat kita lihat dari tangkapan layar di atas bahwa kode JavaScript telah memunculkan "Uncaught ReferenceError", menyebutkan bahwa variabel "myVar" tidak ditentukan. Selain itu, karena definisi variabel ada di dalam metode checkVariable() , maka tidak akan dapat diakses di dalam metode clickButton(). Sekarang solusi untuk masalah ini adalah dengan mendeklarasikan variabel dalam lingkup Global. Mari pindah ke bagian selanjutnya untuk memahami hal yang sama secara mendetail

Variabel JavaScript - Cakupan Global

Dalam JavaScript, variabel yang dideklarasikan di luar semua fungsi atau metode berada di bawah lingkup global, dan setiap metode/fungsi atau blok dapat mengaksesnya. e. g. , Pertimbangkan potongan kode di bawah ini, variabel myVar dideklarasikan dalam lingkup global (langsung di dalam tag

test = 10;

test = 10;

Simpan file dengan nama globalVariables. html dan buka di browser apa saja (Chrome, Firefox, atau IE). Itu harus menunjukkan output sebagai.

Seperti yang dapat kita lihat pada contoh dan tangkapan layar di atas, deklarasi variabel myVar terjadi di luar semua fungsi. Selain itu, dapat diakses dan diperbarui di dalam metode. Oleh karena itu, ini memperjelas bahwa variabel global dapat diakses oleh semua metode

Takeaway kunci

• JavaScript mendukung keduanya primitif (mis. Nomor, Tali dll. ) dan non-primitif (mis. Objek, Array dll. ) tipe data
• Selain itu, kata kunci "var" mendeklarasikan variabel dan diinisialisasi menggunakan operator equal(=).
• Selain itu, deklarasi beberapa variabel dapat terjadi seperti. var test1 = “John”, test2 = “Dheer”, test3 = 200;
• Aksesibilitas variabel bergantung pada apakah mereka mendeklarasikan dalam lingkup "lokal" atau "global".

Sebagai penutup, karena sekarang kita sudah jelas tentang konsep Tipe Data dan variabel dalam JavaScript, mari beralih ke artikel berikutnya untuk memahami konsep Fungsi dalam JavaScript

Bagaimana cara mendeklarasikan variabel dalam JavaScript?

Bagaimana kita menginisialisasi dan mendeklarasikan variabel?

Bagaimana cara menginisialisasi dalam JavaScript?