Manfaatkan variabel buatan pengguna di JavaScript

Bahasa pemrograman hampir tidak berguna tanpa variabel. Area penyimpanan informasi khusus ini bisa menyimpan angka, string teks, objek, dan tipe data lainnya. Setelah disimpan, informasi ini dapat digunakan nanti dalam program Anda. Dengan variabel, nama seseorang dapat disimpan dan digunakan di beberapa titik dalam skrip.

Variabel adalah pemegang informasi sementara. Mereka dapat menahan:

  • Nilai numerik ("angka") - angka yang dapat dijumlahkan. Contoh: 2 + 2 menghasilkan 4
  • String karakter - kumpulan teks, seperti "JavaScript" atau "Nama saya Mudd"
  • Nilai benar / salah - Boolean benar dan salah
  • Objek - JavaScript atau objek yang ditentukan pengguna (variabel JavaScript dapat menampung beberapa jenis data lain, tetapi sejauh ini merupakan jenis yang paling umum)

(Catatan: Seperti kebanyakan bahasa pemrograman modern, JavaScript mendukung variabel array selain variabel skalar dasar yang digunakan untuk menampung tipe data di atas. Kami akan berkonsentrasi pada variabel nilai tunggal untuk kolom ini dan menyediakan kolom terpisah untuk array.)

Variabel JavaScript "termasuk" ke dalam dokumen skrip yang membuatnya; variabel hilang ketika dokumen dibongkar. Selain itu, konten variabel dihapus saat Anda memberikan nilai baru padanya. Meskipun variabel yang dibuat dalam satu skrip dokumen biasanya tidak terlihat oleh skrip dokumen lain, JavaScript menyediakan cara untuk berbagi variabel antar skrip. Anda melakukan ini dengan mereferensikan nama dokumen bersama dengan nama variabel.

Beberapa instruksi JavaScript membuat dan menyimpan variabel, tetapi cara dasar untuk melakukannya secara manual adalah dengan operator penugasan sama dengan (=). Sintaks dasarnya adalah:

VariableName = nilai

Argumen pertama adalah nama variabel. Nama variabel bisa sangat panjang, tetapi Anda dibatasi dalam karakter yang mungkin Anda gunakan. Untuk informasi lebih lanjut tentang nama variabel yang valid, lihat bagian tentang batas nama variabel.

Argumen kedua adalah isi variabel. Anda dapat memasukkan segala macam hal ke dalam variabel, termasuk angka, string, ekspresi matematika (seperti 2 + 2), dan berbagai hal lain yang akan kita bahas sebentar lagi.

Pengguna Pascal mungkin tergoda untuk membuat tugas variabel menggunakan: =. Ketahuilah bahwa sintaks ini tidak didukung di JavaScript.

Berikut ini adalah rundown yang lebih spesifik dari empat konten paling umum yang dapat Anda tempatkan di variabel JavaScript, termasuk contoh.

Konten ditempatkan dalam variabel JavaScript

Angka dalam variabel

Angka adalah satu atau lebih digit yang disimpan di komputer sedemikian rupa sehingga JavaScript dapat melakukan perhitungan matematika dengannya. JavaScript mendukung nilai integer dan floating-point. Untuk menempatkan angka dalam variabel, cukup berikan nama variabel, tanda sama dengan (operator penugasan variabel), dan nilai yang ingin Anda gunakan. Misalnya, berikut ini yang Anda lakukan untuk menempatkan angka 10 dalam variabel bernama MyVar:

MyVar = 10;

String dalam variabel

String adalah satu atau lebih karakter teks yang disusun dalam memori dalam satu file. String dapat berisi angka (digit), huruf, tanda baca, atau kombinasi dari elemen ini. Perhitungan matematika tidak dapat dilakukan pada string. String ditetapkan ke variabel JavaScript dengan diapit oleh kumpulan tanda kutip tunggal atau ganda:

"Aku adalah string"

atau

'Aku adalah tali'

Perhatikan bahwa tanda kutip ganda atau tunggal dapat diterima; tidak seperti beberapa bahasa, seperti Perl, JavaScript tidak membedakan dua bentuk tanda kutip. Contoh kerja ini menunjukkan bagaimana menempatkan string ke dalam variabel:

MyVar = "Ini JavaScript";

Nilai Boolean dalam variabel

Ada dua nilai Boolean: benar dan salah. Beberapa bahasa pemrograman tidak memiliki kumpulan nilai Boolean yang terpisah, dan sebaliknya menggunakan 0 untuk false, dan 1 atau -1 (atau nilai bukan nol lainnya) untuk true. JavaScript dapat menggunakan angka-angka ini untuk mewakili benar dan salah tetapi, sebagai tambahan, menyimpan kata-kata "benar" dan "salah" untuk berarti Boolean benar dan salah. Anda dapat menganggap nilai benar dan salah Boolean setara dengan aktif / nonaktif atau ya / tidak. Untuk menetapkan nilai Boolean ke variabel, berikan hanya kata benar atau salah, tanpa tanda kutip. Berikut contohnya:

MyVar = benar;

Objek dalam variabel

Variabel dapat berisi objek, termasuk objek JavaScript. Pada dasarnya ada dua jenis variabel objek:

  • Variabel yang berisi objek terkait browser bawaan - jendela, dokumen, navigator, dan sebagainya - sebenarnya adalah referensi ke objek asli. Mereka seperti salinan, tetapi salinan berubah jika aslinya berubah. Dalam beberapa kasus, membuat perubahan pada objek dalam variabel memengaruhi objek JavaScript asli.

  • Variabel yang berisi objek yang ditentukan pengguna mewakili objek sebenarnya. Buat perubahan pada objek dalam variabel, dan Anda hanya mengubah objek itu.

Untuk menetapkan objek JavaScript ke variabel, berikan nama objek, seperti di:

MyVar = navigator;

Untuk menetapkan salinan baru dari objek yang ditentukan pengguna ke variabel, gunakan pernyataan baru, dan berikan nama fungsi objek:

MyVar = new myObject ();

SUBHEAD Batas nama variabel

Dalam hal nama yang dapat Anda berikan variabel, JavaScript menawarkan banyak lintang. Variabel JavaScript bisa hampir tidak terbatas panjangnya, meskipun untuk alasan praktis Anda mungkin akan menyimpan nama variabel Anda di bawah 10 atau 15 karakter. Nama variabel yang lebih pendek membantu JavaScript menjalankan program lebih cepat. Ingatlah hal berikut saat menamai variabel Anda:

  • Nama variabel harus terdiri dari huruf saja - tanpa spasi. Anda dapat menggunakan angka selama namanya tidak dimulai dengan digit. Misalnya, MyVar1 dapat diterima, tetapi 1MyVar tidak.

  • Jangan gunakan karakter tanda baca dalam nama variabel. Pengecualian: karakter garis bawah (_). Artinya, variabel My_Var dapat diterima, tetapi My * Var tidak. Variabel dapat dimulai dengan karakter garis bawah.

  • Nama variabel peka huruf besar kecil. Variabel MyVar adalah variabel yang sangat berbeda dari myVar, myvar, dan variasi lainnya.

Memahami jenis data variabel "longgar" JavaScript

Tidak seperti beberapa bahasa pemrograman lainnya, di JavaScript tidak perlu secara eksplisit menentukan jenis variabel yang ingin Anda buat. Perilaku JavaScript ini disebut "pengetikan data longgar", dan ini berbeda dari C dan Java, yang keduanya menggunakan pengetikan data yang ketat.

Dalam JavaScript tidak perlu membedakan jenis variabel dengan menambahkan karakter khusus ke akhir nama variabel, seperti MyVar $ untuk variabel string (atau, dalam hal ini, $ MyVar untuk variabel skalar, a la Perl). JavaScript secara internal menerjemahkan jenis variabel berdasarkan isinya.

Menggunakan pernyataan var untuk menetapkan variabel

JavaScript mendukung pernyataan var yang dapat digunakan untuk mendefinisikan variabel secara eksplisit. Sintaksnya hanyalah pernyataan var, spasi, dan ekspresi tugas variabel yang sama seperti yang dijelaskan di atas. Misalnya:

var MyVar = "Ini adalah variabel";

Anda juga dapat menggunakan pernyataan var dengan nama variabel untuk mendeklarasikan variabel tetapi tidak menentukan nilainya:

var MyVar;

Dalam kasus ini, Anda telah menentukan MyVar di memori tetapi belum memberikan nilai padanya. Teknik ini sering digunakan saat menyiapkan variabel global - variabel yang dapat dibagikan secara bebas di mana saja di skrip Anda. Untuk informasi lebih lanjut tentang variabel global, lihat bagian "Memahami cakupan variabel", di bawah.

Batasan panjang tali

JavaScript menetapkan batas 254 karakter untuk setiap penetapan variabel string dalam program Anda. Jika Anda melebihi batas 254 karakter, JavaScript akan merespons dengan pesan kesalahan "literal string yang tidak dapat dihentikan". (Catatan: Ini pada dasarnya adalah batasan JavaScript di Netscape 2.0x; sebaiknya perhatikan karena tidak semua pengguna telah mengadopsi Netscape 3.0.)

Anda dapat membuat string yang lebih panjang dengan "menyatukan" mereka - selama setiap bagian terdiri dari 254 karakter atau kurang. Setelah menetapkan string ke setiap variabel, Anda menggabungkannya menggunakan karakter +. Ini disebut "penggabungan". Contoh berikut menunjukkan cara kerja penggabungan:

MyVar = "Ini adalah awal" + bagaimana Anda "+" dapat membuat string ";

Setiap segmen string individual - ditentukan oleh teks dalam tanda kutip - bisa sampai 254 karakter. Untuk membuat string lebih panjang dari 254 karakter, cukup tambahkan lebih banyak segmen. Pendekatan lain adalah membangun string menggunakan + = operator penugasan, seperti ini:

MyVar = "Ini adalah awal" MyVar + = "bagaimana Anda" MyVar + = dapat membuat string "

Anda dapat terus menggabungkan string dengan cara ini selama komputer Anda memiliki memori untuk itu. Namun, meskipun JavaScript dapat menyimpan string yang lebih besar dari yang mungkin dalam banyak bahasa pemrograman lain (seperti 64K pada dasarnya), hal itu dapat sangat menurunkan kinerja sistem. Jelas, Anda tidak akan membuat banyak variabel string yang besar. Senang rasanya mengetahui bahwa, jika diperlukan, variabel JavaScript dapat menampung begitu banyak teks.

Memahami "ruang lingkup" variabel

"Cakupan variabel" tidak ada hubungannya dengan optik atau obat kumur, melainkan sejauh mana variabel terlihat oleh bagian lain dari program JavaScript. Kecuali Anda memberikan petunjuk eksplisit untuk memberi tahu JavaScript sebaliknya, ruang lingkup variabelnya dikelola sebagai berikut:

  • Variabel yang ditentukan di luar fungsi tersedia untuk fungsi apa pun di dalam skrip, selama semua variabel ditentukan dalam skrip dokumen HTML yang sama. Ini disebut sebagai variabel global.

  • Variabel yang ditentukan di dalam fungsi juga bersifat global, dengan asumsi pernyataan var tidak digunakan saat pertama kali mendeklarasikan variabel itu. Artinya, MyVar = "halo."

  • Variabel yang ditentukan di dalam fungsi dengan pernyataan var bersifat "lokal" untuk fungsi itu saja. Ini disebut sebagai variabel lokal.

  • Variabel global tetap berada dalam memori bahkan setelah skrip menghentikan eksekusi. Variabel tetap berada di memori sampai dokumen dibongkar.

Variabel lokal diperlakukan seolah-olah tidak ada di luar fungsi tempat mereka didefinisikan. Dengan begitu, Anda dapat menggunakan nama variabel yang sama di dalam fungsi, dan variabel itu tidak akan mengganggu variabel bernama sama di tempat lain di skrip.

Berikut adalah contoh yang menunjukkan hal ini. Saat Anda mengklik tombol, skrip menampilkan tiga kotak peringatan. Berikut detail yang terjadi ketika Anda mengklik tombol:

  • JavaScript memanggil firstFunction, yang memberikan nilai 1 ke variabel lokal bernama MyVar. Konten MyVar ditampilkan.

  • JavaScript memanggil secondFunction, yang memberikan nilai 2 ke variabel lokal, juga disebut MyVar. Konten MyVar ditampilkan.

  • JavaScript kembali ke firstFunction, di mana konten MyVar ditampilkan lagi. Hasilnya adalah 1, yang merupakan nilai MyVar local to firstFunction.

Merujuk variabel dalam dokumen lain yang dimuat

Saat menggunakan bingkai, variabel sering kali perlu dibagikan di seluruh dokumen. Satu atau lebih bingkai mungkin membutuhkan variabel yang ada di bingkai lain. Berdasarkan sifatnya, variabel (bahkan yang global) tidak terlihat di luar dokumen yang membuatnya. Jadi, saat Anda ingin mereferensikan variabel di dokumen lain - dan mengasumsikan dokumen tersebut dimuat ke browser - Anda perlu mereferensikan variabel tersebut secara eksplisit dengan menambahkan nama jendela di depan nama variabel. Berikut sintaksnya:

winname.varname

dimana winnamenama dokumen, dan varnamenama variabel. Lebih lanjut tentang nama dokumen sebentar lagi.

Anda dapat menetapkan dan mereferensikan variabel menggunakan teknik berikut. Misalnya, ini menetapkan variabel MyVar di jendela mydoc ke 1:

mydoc.MyVar = 1;

Kode di bawah ini memberikan nilai variabel MyVar lokal di jendela mydoc.

VarInThisDoc = mydoc.MyVar;

Dari mana asal nama untuk windows? Itu semua tergantung pada bagaimana jendela digunakan.

Untuk menggunakan variabel di jendela browser utama dari jendela yang Anda buat, pertama-tama berikan "link" ke objek jendela induk, menggunakan metode ini:

newwindow = window.open ("", "NewWindow"); // ulangi ini untuk Mac / X Netscape 2.0 newwindow.creator = self;

Kemudian, di jendela baru ini Anda dapat merujuk ke variabel apa pun di jendela utama menggunakan sintaks:

creator.MyVar;

Untuk menggunakan variabel di jendela yang Anda buat, lihat variabel itu menggunakan nama objek yang Anda berikan saat membuat jendela. Misalnya, Anda akan menggunakan jendela baru untuk jendela yang dibuat dengan berikut ini:

newwindow = window.open ("", "NewWindow");

Sekarang lihat variabel itu menggunakan sintaks:

newwindow.MyVar;

Untuk menggunakan variabel yang ditentukan dalam frameset - yaitu, dokumen yang berisi

tag - menyebutnya sebagai induk. Berikut contohnya:

orang tua.MyVar;

Untuk menggunakan variabel di dokumen bingkai lain, lihat itu menggunakan nama bingkai yang Anda berikan di

Gordon McCombis seorang penulis, konsultan, dan dosen. Dia telah menulis 50 buku dan lebih dari seribu artikel majalah selama 20 tahun sebagai penulis profesional. Lebih dari satu juta eksemplar bukunya dicetak. Gordon juga menulis kolom koran sindikasi mingguan di komputer, menjangkau beberapa juta pembaca di seluruh dunia. Buku terbaru Gordon adalah The JavaScript Sourcebook, tersedia dari Wiley Computer Publishing.

Pelajari lebih lanjut tentang topik ini

  • Dokumentasi Netscape untuk JavaScript

    //home.netscape.com/eng/mozilla/3.0/handbook/javascript/index.html

  • JavaScript dan cookie

    //www.hidaho.com/cookies/cookie.txt

  • Contoh variabel dan bingkai JavaScript

    //home.netscape.com/comprod/products/navigator/version_2.0/script/script_info/tutorial/main.htm

  • Contoh tambahan penggunaan variabel JavaScript

    //www.hidaho.com/colorcenter/

Artikel, "Manfaatkan variabel yang ditentukan pengguna di JavaScript" ini awalnya diterbitkan oleh JavaWorld.