Dasar-dasar JavaScript. Tata bahasa dan tipe Bekerja dengan variabel dalam javascript

Variabel dalam JavaScript adalah wadah untuk menyimpan berbagai informasi.

Variabel JavaScript

Variabel JavaScript adalah "wadah" di mana Anda dapat memuat berbagai informasi dan kemudian mengambilnya kembali.

Setiap variabel JavaScript harus memiliki nama uniknya sendiri, yang dapat dimulai dengan huruf latin atau karakter "_".

Catatan: Nama variabel dalam JavaScript tidak boleh dimulai dengan angka.

Catatan: karena JavaScript peka terhadap huruf besar/kecil, variabel dengan nama yang sama ditulis dalam huruf yang berbeda (seperti var dan var) akan diperlakukan sebagai variabel yang berbeda.

Membuat Variabel

Membuat variabel dalam JavaScript sering disebut "pengumuman" variabel.

Variabel dalam JavaScript dideklarasikan dengan perintah var.

//Buat sebuah variabel bernama ex1 var ex1; //Buat sebuah variabel bernama ex2 var ex2;

Variabel yang dibuat di atas akan kosong, yaitu, kami telah membuat wadah, tetapi belum memuat nilai apa pun ke dalamnya.

Nilai juga dapat dimuat ke dalam wadah tepat pada saat pembuatan, seperti pada contoh di bawah ini:

//Buat variabel bernama ex1 yang berisi nilai 4 var ex1=4; //Buat variabel bernama ex2 yang berisi nilai 5 var ex2=5;

Untuk mengekstrak nilai dari variabel yang dibuat sebelumnya, Anda perlu merujuk ke namanya.

Pada contoh berikut, kita akan mengekstrak isi variabel dan langsung menampilkannya di halaman menggunakan perintah document.write.

//Tuliskan angka 4 pada variabel ex1 var ex1=4; //Tuliskan angka 5 pada variabel ex2 var ex2=5; //Output isi variabel ex1 ke halaman document.write(ex1+"
"); //Output isi dari variabel ex2 document.write(ex2+"
"); //Mengubah isi variabel ex2 ex2=200; //Mengeluarkan isi baru dari variabel ex2 document.write(ex2);

Lihat sekilas

Variabel string

Selain angka, Anda dapat menyimpan teks arbitrer dalam variabel. Variabel yang menyimpan teks disebut variabel string.

Saat menulis teks ke variabel, pastikan untuk menyertakannya dalam tanda kutip ganda ("") atau tanda kutip tunggal (").

//Tuliskan string "Halo semuanya!" ke variabel ex var ex="Halo semuanya!"; //Output nilai variabel ex ke halaman document.write(ex);

Lihat sekilas

Mendefinisikan variabel dengan dan tanpa var

Dalam JavaScript, Anda dapat mendefinisikan variabel dengan dan tanpa var.

//Buat variabel baru dengan var var ex=123; //Buat variabel baru tanpa var ex2=20;

Anda mungkin berpikir bahwa mendeklarasikan variabel dengan dan tanpa var selalu menghasilkan hasil yang sama, tetapi ini hanya berlaku jika deklarasi terjadi dalam konteks global (yaitu di luar semua fungsi).

Jika deklarasi terjadi dalam konteks lokal (yaitu, di badan fungsi), deklarasi dengan var membuat variabel lokal (yaitu, variabel yang hanya akan tersedia di badan fungsi ini dan akan dimusnahkan setelah fungsi dijalankan), deklarasi tanpa var membuat variabel global (yaitu variabel yang akan tersedia untuk fungsi lain dalam skrip ini).

Catatan: kita akan berbicara lebih banyak tentang variabel lokal dan global nanti dalam tutorial ini.

Tentang Menghapus dan Mendefinisikan Ulang Variabel

Dengan mendefinisikan ulang variabel, Anda tidak menghapus nilai yang disimpan di dalamnya.

Varex=123; varex; document.write(ex); // Keluaran 123

Jika Anda ingin menghapus variabel dalam JavaScript dan belum dideklarasikan dengan var, Anda dapat menggunakan pernyataan menghapus.

Contoh=123; hapus mantan;

Operator delete tidak dapat menghapus variabel yang dideklarasikan dengan var, jadi jika variabel dideklarasikan dengan var, satu-satunya cara untuk menghapusnya adalah dengan menyetelnya ke null atau tidak terdefinisi.

Varex=123; mantan = nol; // atau ex=tidak terdefinisi

Lakukan sendiri

Latihan 1. Perbaiki kesalahan dalam kode di bawah ini:

Latihan 1

Tugas 2. File eksternal secret1.js berisi variabel sec1, sec2, sec3, dan sec4, yang berisi huruf-huruf dari kata kode (rusak). Hubungkan file eksternal dan temukan kata kode dengan menampilkan nilai variabel di halaman.

Bekerja di Javascript, kita dapat memasukkan nilai numerik, string, dan boolean, tetapi semuanya berfungsi jika program berisi informasi yang diperlukan. Untuk tujuan ini, variabel telah dibuat yang memungkinkan Anda untuk menyimpan berbagai jenis informasi dalam diri Anda dan seperti semacam wadah yang dapat Anda akses setiap saat dan mendapatkan informasi yang terletak di dalamnya.

Buat variabel

Sebuah variabel dibuat dalam dua langkah: mendeklarasikan variabel dan memberinya nama.

Untuk memulainya, kita harus mendeklarasikan sebuah variabel, yaitu mendeklarasikannya, ini dilakukan dengan menggunakan kata kunci var. Selanjutnya, kita menulis instruksi, ini adalah nama variabel, namanya, bagaimana kita akan merujuknya, misalnya, saya akan menulis dwstv.

Bagaimana Anda memberi nama variabel terserah Anda, tentu saja, tetapi ada beberapa aturan yang perlu diikuti agar javascript berfungsi:

• aturan pertama, hindari menggunakan kata-kata yang dicadangkan. Beberapa kata dalam bahasa JavaScript digunakan dalam sistem itu sendiri, seperti kata var yang digunakan untuk mendeklarasikan variabel. Selain itu, beberapa kata, seperti alert , document , window , dianggap sebagai properti khusus halaman web. Jika Anda mencoba menggunakannya sebagai variabel, Anda akan mendapatkan pesan kesalahan. Anda dapat melihat daftar kata-kata yang dicadangkan di sini.
• aturan kedua, nama variabel harus dimulai dengan huruf, $ atau _. Artinya, variabel tidak dapat dimulai dengan angka atau tanda baca: nama 1dwstv dan &dwstv tidak akan berfungsi, tetapi nama $dwstv dan _dwstv akan berfungsi.
• aturan ketiga, nama variabel dapat berisi huruf, angka, simbol $ dan _, dan tidak boleh mengandung spasi atau karakter khusus lainnya dalam nama: dws&tv dan dws tv bukan nama yang valid, dan format ini adalah dws_tv dan dwstv1 atau dws_tv_1 .
• aturan keempat, nama variabel peka huruf besar-kecil. Interpreter JavaScript memperlakukan huruf kecil dan huruf besar secara berbeda, jadi DWSTV berbeda dari dwstv , dan DwStv dan Dwstv .
• aturan kelima, n Tidak disarankan untuk menggunakan karakter non-Latin, variabel yang ditulis dalam Cyrillic, meskipun mereka akan berfungsi, tetapi ini tidak dijamin, apalagi, mereka tidak akan dipahami oleh rekan-rekan dari negara lain.

Ini adalah lima aturan utama yang saya sarankan untuk diikuti, selain itu saya juga ingin mengatakan, tetapkan nama yang jelas dan ekspresif untuk variabel Anda. Beri nama variabel sesuai dengan jenis data yang Anda simpan di dalamnya, ini akan membantu Anda memahami apa yang tertulis di masa depan, dan melihat variabel seperti itu, akan jelas apa yang dipertaruhkan.

Saat memberi nama variabel, usahakan agar mudah dibaca. Saat menggunakan beberapa kata, tambahkan garis bawah di antara kata-kata tersebut, atau awali setiap kata setelah kata pertama dengan huruf kapital. Misalnya, dwsTv atau dws_tv .

Menggunakan Variabel

Di awal pelajaran, kami membongkar apa yang terdiri dari variabel, sekarang kami tahu cara membuatnya, kami dapat menyimpan tipe data apa pun di dalamnya sesuai kebijaksanaan kami.

Untuk memasukkan data ke dalam variabel, karakter khusus digunakan, tanda sama dengan (= ), disebut operasi penugasan, karena digunakan untuk menetapkan nilai ke variabel.

Sebagai contoh, mari kita masukkan nilai digital dalam variabel dwstv, jumlah pelanggan adalah 8500, nyatakan variabel var dwstv; dan pada baris kedua kita masukkan nilai dwstv = 8500;

Vardwstv; dwstv = 7200;

Jadi, dengan baris pertama kami membuat variabel, dan dengan baris kedua kami menyimpan nilai ke dalamnya. Kita juga bisa membuat variabel dan menyimpan nilai di dalamnya dengan satu pernyataan, misalnya:

vardwstv = 7200;

Dalam sebuah variabel, kita dapat menyimpan tipe data apa pun yang telah dibahas dalam pelajaran sebelumnya, ini bisa berupa nilai numerik, string, dan boolean:

Var dwstv = 7200; var pelajaran = 'JavaScript'; var youtubeKanal = 'DwsTV'; var pelanggan = '7700'; var konten = benar;

Kami juga dapat menghemat ruang dan waktu dengan mendeklarasikan variabel dengan satu kunci var, contoh:

Var pelajaran = 'JavaScript', youtubeKanal = 'DwsTV', pelanggan = '7700', konten = true;

Setelah kami menyimpan nilai dalam variabel, kami memiliki kesempatan untuk mengakses data ini. Untuk melakukan ini, cukup gunakan nama variabel itu sendiri.

Misalnya, jika kita ingin membuka dialog peringatan dan menampilkan nilai yang disimpan dalam variabel kanal, kita cukup menulis nama variabel di fungsi peringatan.

waspada (saluran);

Perhatikan bahwa kami tidak mengutip variabel - variabel tersebut hanya untuk string, jadi kami tidak menulis alert('kanal') , karena dalam kasus ini kami akan mendapatkan kata kanal, bukan nilai yang disimpan dalam variabel.

Sekarang saya pikir Anda telah mengetahui mengapa string harus dikutip: penerjemah javaScript memperlakukan kata-kata yang tidak dikutip baik sebagai objek khusus (seperti perintah alert()) atau sebagai nama variabel.

Dan ada juga saat kita mendeklarasikan sebuah variabel dengan kata kunci var, dan kita ingin mengubah nilai pada variabel tersebut, tidak perlu mendeklarasikan kembali dengan menuliskan kata var , cukup dengan memanggil variabel tersebut. beri nama dan berikan nilai baru padanya.

Pelanggan = '10000';

Di akhir pelajaran ini, saya ingin mengatakan bahwa dengan mempelajari bahasa apa pun, Anda tidak akan belajar cara memprogram. Tidak diragukan lagi, Anda akan mempelajari sesuatu yang baru, tetapi kemungkinan besar otak Anda tidak akan mengingat informasi ini, karena Anda tidak bekerja dengannya. Tidak mungkin belajar bahasa tanpa latihan, jadi dari pelajaran ini Anda mendapatkan tugas kecil agar informasi yang diberikan cocok untuk Anda dan Anda dapat mengerjakannya.

Tugas praktis:

Buat tiga variabel, satu dengan nilai numerik, yang kedua dengan nilai string, dan yang ketiga dengan boolean. Deklarasikan semua variabel dengan satu kata kunci var, dan tampilkan di halaman. Kemudian definisikan ulang variabel dengan nilai numerik, dan tampilkan hasilnya menggunakan fungsi alert().

Di awal video berikutnya, kami akan menganalisis masalah ini, membagikan hasil Anda di komentar, tulis jika ada yang memiliki pertanyaan. Jika Anda menyukai pelajarannya dan ingin mendukung proyek ini, bagikan saja di jejaring sosial.

Dalam pelajaran berikutnya, kita akan melihat secara mendetail bagaimana bekerja dengan tipe data dan variabel, berkenalan dengan operasi matematika dan urutan pelaksanaannya, dan juga memeriksa metode untuk menggabungkan nilai string dan numerik.

Pelajaran disiapkan oleh Gorelov Denis.

Variabel adalah sepotong memori bernama di mana Anda berdua dapat menyimpan beberapa informasi dan mendapatkannya dari itu.

Variabel dideklarasikan (dibuat) menggunakan kata kunci var.

// pesan - nama variabel var pesan;

Saat Anda membuat variabel, Anda bisa langsung memberikan nilai padanya.

Menetapkan nilai ke variabel dilakukan dengan menggunakan operator "=".

// misalnya, buat variabel email dan tetapkan string " [dilindungi email]" var email = " [dilindungi email]"; // setel variabel email ke nilai baru email = " [dilindungi email]";

Untuk mendapatkan nilai dari suatu variabel, cukup merujuknya dengan nama.

// misalnya, tampilkan nilai variabel email di konsol browser: console.log(email);

Untuk mendeklarasikan lebih dari satu variabel dengan kata kunci var yang sama, Anda harus menggunakan koma.

Var harga = 78,55, jumlah = 10, pesan;

JavaScript adalah bahasa yang diketik secara dinamis atau lemah. Ini berarti bahwa ketika mendeklarasikan variabel, tidak perlu menentukan jenis data yang dapat diambil. Oleh karena itu, variabel dapat ditempatkan pertama dengan nilai dari satu tipe data, dan kemudian yang lain.

var keluaran = "berhasil"; // variabel memiliki tipe data string output = 28; // variabel yang sama, tetapi sudah memiliki tipe data "number" output = true; // variabel yang sama, tetapi sudah menyimpan nilai boolean

Nilai variabel dapat diubah dalam jumlah yang tidak terbatas.

// variabel usia dibuat var usia; // variabel usia diatur ke 67 usia = 67; // variabel usia diatur ke "Usia pensiun" age = "Usia pensiun"; // usia variabel diatur ke 55 usia = 55;

Ini adalah praktik yang baik ketika mengembangkan sisi klien untuk menggunakan hanya satu tipe data dalam variabel tertentu, mis. tidak menyimpan nilai yang memiliki tipe data berbeda dalam suatu variabel. Untuk memahami jenis data apa yang diharapkan dalam suatu variabel, disarankan untuk segera menginisialisasinya dengan nilai tertentu saat membuat variabel.

Nama variabel dapat terdiri dari huruf, angka, dan simbol $ dan _. Karakter pertama variabel tidak boleh berupa angka. Selain itu, kata-kata yang dicadangkan tidak dapat digunakan sebagai nama variabel.

// membuat dua variabel, variabel pertama disebut phone, variabel kedua meassage; var telepon, pesan;

Kasus huruf dalam nama variabel penting. Artinya, misalnya, variabel telepon dan Telepon adalah dua variabel yang berbeda.

Jika mode ketat tidak digunakan, maka Anda dapat membuat variabel dengan nilai awal tanpa kata kunci var.

Harga = 250,00; // membuat variabel dan menginisialisasinya dengan angka 250,00 persen = "20%"; // membuat variabel dan menginisialisasinya dengan string "20%"

Tetapi membuat variabel dengan cara ini tidak disarankan.

Tipe data

Dalam JavaScript, tipe data dapat dibagi menjadi tipe primitif dan objek.

Variabel yang berisi tipe data primitif menyimpan nilai secara eksplisit.

Ada 5 tipe data primitif dalam JavaScript:

• nomor (nomor);
• tali (tali);
• tipe boolean (boolean);
• batal;
• tidak terdefinisi.

Jika satu variabel diberi nilai ke variabel lain yang berisi tipe data primitif, maka variabel itu akan mendapatkan salinannya sendiri dari nilai itu.

Var x = 77, y = x; x=55; y; // 77

Variabel yang berisi objek tidak benar-benar menyimpan objek itu sendiri, tetapi referensi untuk itu.

Jika satu variabel diberi nilai lain, yang berisi objek (referensi untuk itu), maka itu juga akan menerima referensi untuk itu. Sebagai hasil dari operasi ini, kedua variabel ini akan berisi referensi ke objek yang sama.

// contoh 1 (dengan tipe data "objek") var coord1 = (x: 77, y: 100), coord2 = coord1; koordinat1.x = 55; // setel properti x objek ke nilai baru coord2.x; // 55 karena coord1 dan coord2 berisi referensi ke objek yang sama // contoh 2 (dengan tipe data "array") var coord1 = , coord2 = coord1; koordinat1 = 55; // setel elemen dengan indeks 0 ke nilai baru coord2; // 55 karena coord1 dan coord2 berisi referensi ke objek yang sama // contoh 3 (dengan tipe data "date") var date1 = new Date(2018,00,01), date2 = date1; date2 = date2.setDate(date2.getDate()+7); // menambah tanggal dengan 7 hari date1; // 07/01/2018, karena date1 dan date2 berisi referensi ke objek yang sama

Nomor (angka)

Jenis numerik dalam data JavaScript bersifat umum. Ini digunakan untuk mewakili bilangan bulat dan pecahan.

varian = 5; // bilangan bulat var float = 5,98; // bilangan pecahan

Format representasi angka dalam JavaScript sesuai dengan standar IEEE 754-2008.

Integer dalam JavaScript dapat ditentukan tidak hanya dalam desimal, tetapi juga dalam oktal (0) atau sistem bilangan heksadesimal (0x) menggunakan awalan yang diberikan dalam tanda kurung:

varian = 010; // 8 int = 055; // 45 int = 0xFF; //255 int = 0xB8; // 184

Anda dapat menulis angka di bentuk eksponensial:

varnum = 2e3; // notasi eksponensial untuk bilangan 2*10^3 (2000) bilangan = 2e-3; // notasi eksponensial untuk bilangan 2*10^-3 (0,002) bilangan = 3.2e3; // 3200 angka = 1.5e-2; // 0,015

Tipe data numerik, selain angka, juga mengandung nilai numerik khusus:

• Tak terhingga (tak terhingga positif);
• -Tak terhingga (tak terhingga negatif);
• NaN (Bukan Angka).

Nilai khusus Infinity berarti angka positif yang sangat besar, yaitu. angka yang tidak dapat direpresentasikan dalam JavaScript karena terlalu besar.

Nilai khusus -Infinity berarti, sebaliknya, angka negatif yang sangat besar, mis. angka yang tidak dapat diwakili oleh JavaScript karena terlalu besar.

Contoh ekspresi sebagai hasil perhitungannya mengembalikan nilai numerik khusus:

5/0; // Tak terhingga -5/0; // -Infinity Math.pow(10.399); // Tak terhingga(10 pangkat 399) Math.pow(10.399); // -Tak terhingga (-10 pangkat 399)

Nilai NaN dikembalikan sebagai hasil dari operasi matematika yang tidak dapat dihitung oleh JavaScript.

5 - "Hai"; // NaN (kurangi satu baris dari angka 5) 1000 / "20px"; // NaN (angka dibagi string) true * "1rem"; // NaN (nilai boolean benar dikalikan dengan string)

Meskipun demikian, sangat menarik bahwa nilai NaN dalam JavaScript tidak sama dengan apa pun termasuk dirinya sendiri.

NaN == NaN; // salah NaN === NaN; //Salah

Tipe data Boolean (Boolean)

Boolean adalah tipe data primitif yang hanya memiliki dua nilai: benar (true) dan salah (false).

Var a = benar; varb=salah;

Rangkaian

String adalah tipe data yang digunakan dalam JavaScript untuk mewakili teks.

String JavaScript dapat terdiri dari 0 karakter atau lebih.

JavaScript selalu menggunakan Unicode sebagai format string.

Pembuatan string (string literal) dilakukan oleh melampirkan teks dalam tanda kutip tunggal atau ganda.

JavaScript; "Skrip ECMA";

Dalam JavaScript, tidak ada perbedaan antara tanda kutip tunggal dan ganda.

Namun, dalam beberapa kasus masuk akal untuk menggunakan tanda kutip tunggal daripada tanda kutip ganda dan sebaliknya.

Misalnya, ketika sebuah string berisi tanda kutip ganda, akan lebih mudah untuk menyertakannya dalam tanda kutip tunggal. Ini akan menghilangkan kebutuhan untuk menghindari tanda kutip ganda di dalamnya.

"Skrip ECMA"; // tanpa keluar (menggunakan tanda kutip tunggal) "\"ECMAScript\""; // lolos

String dalam JavaScript dapat berisi karakter khusus. Misalnya, \n (umpan baris), \t (tab), \r (carriage return), dll.

"Ini adalah sebuah kalimat.\nIni juga sebuah kalimat, tetapi akan dimulai pada baris baru.";

Dengan string, Anda dapat melakukan operasi penjumlahan (penyatuan) atau, dengan kata lain, penggabungan. Operator "+" digunakan untuk ini. Arti dari operasi ini adalah untuk menambahkan string kedua ke akhir yang pertama.

"Saya suka" + "JavaScript"; // Saya suka JavaScript

Artinya "tidak terdefinisi"

undefined adalah tipe data primitif khusus yang memiliki nilai tunggal sama dengan undefined .

Tipe data ini memiliki variabel yang dideklarasikan yang belum diberi nilai.

Varnum; // tidak terdefinisi

Nilai yang tidak ditentukan juga akan dikembalikan saat mengakses properti objek yang tidak ada.

var obj = (); // mengosongkan objek obj.prop; // tidak terdefinisi

Nilai "nol"

null adalah tipe data primitif khusus yang memiliki nilai tunggal, null .

null hanyalah nilai khusus yang memiliki arti "tidak ada" atau "nilai tidak diketahui" yaitu. itu jelas tidak berarti apa-apa.

Obyek

Objek adalah struktur data yang terdiri dari pasangan nama-nilai.

Sebuah objek dibuat menggunakan notasi literal objek sebagai berikut:

( nama_1: nilai_1, nama_2: nilai_2, nama_3: nilai_3, ... )

Seperti yang Anda lihat, nama dipisahkan dari nilai menggunakan titik dua, dan pasangan dipisahkan satu sama lain menggunakan koma.

Selain itu, jika suatu fungsi bertindak sebagai nilai pasangan, maka itu disebut metode objek ini. Semua pasangan lainnya, mis. pasangan yang tidak menggunakan fungsi sebagai nilai disebut properti objek.

Dengan kata lain, objek adalah struktur data yang terdiri dari properti dan metode.

Var person = ( nama: "Vitaly", usia: 27, getAge: function () ( return "Usia: " + this.age; ) )

Akses ke properti suatu objek dilakukan melalui titik atau dengan notasi braket.

// menampilkan nilai properti usia di konsol browser // 1 cara (melalui titik) console.log(person.age); // cara ke-2 (menggunakan tanda kurung) console.log(person["age"]); // panggil metode getAge; nilai yang akan dikembalikan akan menjadi output ke console console.log(person.getAge());

jenis operator

Operator typeof digunakan untuk mendapatkan informasi tentang tipe data ekspresi sebagai string.

Sintaks untuk operator typeof (versi tanpa tanda kurung):

jenis ekspresi

Sintaks untuk operator typeof (menggunakan tanda kurung):

jenis(ekspresi)

Varname, usia=37, email=" [dilindungi email]", isLicense = true, interest: null, lastExperience: ( periode: "Juni 2011 - June 2018", tempat: "ISACA, Moscow", posisi: "Web designer" ), getExperience: function() ( kembali lastExperience.period + " ("+ LastExperience.position + " - " + lastExperience.place + ")"; ); jenis nama; // "tidak ditentukan" jenis usia; // "angka" jenis lisensi; // "boolean" jenis minat; / / "objek" (1) jenis Pengalaman terakhir; // "objek" jenis getPengalaman; // "fungsi" (2) /* (1) adalah bug yang telah ada dalam bahasa sejak implementasi pertama; belum diperbaiki untuk tujuan kompatibilitas dan harus diperhitungkan saat menulis skrip; null adalah tipe data primitif, ini bukan objek */ /* (2) - sangat mudah bahwa operator typeof memisahkan fungsi secara terpisah; tetapi fungsi di JavaScipt juga merupakan objek; ini dapat dengan mudah dilihat jika Anda menjalankan konstruksi berikut: */ typeof getExperience.__proto__.__proto__ // "object" (prototipe fungsi adalah objek)

Konstanta

Dengan dirilisnya ECMAScript 6, menjadi mungkin untuk membuat konstanta. Ini dilakukan dengan menggunakan kata kunci const.

Const COLOR_RED = "#ff0000";

Konstanta adalah variabel yang nilainya dilindungi dari perubahan. Itu. mencoba mengubah nilai akan menimbulkan kesalahan.

Const COLOR_RED = "#ff0000"; COLOR_RED = "#f44336"; // Uncaught TypeError: Penetapan ke variabel konstan.

Jika, misalnya, sebuah konstanta berisi objek, maka itu tidak dapat diubah, atau lebih tepatnya referensi untuk itu. Tetapi properti dari objek ini dapat diubah.

Const COLORS = ( merah: "#ff0000", hijau: "#00ff00", biru: "#00ff00" ) WARNA = ["#ff0000","#00ff00","#00ff00"]; // Uncaught TypeError: Penetapan ke variabel konstan. WARNA.hijau = "#4caf50";

Sejujurnya, saya tidak ingin memperkenalkan topik ini dari awal. Apa yang bisa dikatakan tentang variabel, terutama dalam JavaScript? Tapi kemudian saya ingat bagaimana terkadang saya berurusan dengan konstruksi yang rumit dan mengalami kesulitan memahami beberapa ekspresi yang tampaknya tidak dapat diterima dalam bahasa pemrograman lain. Anda dapat mengatakan ini: di sini Anda tidak akan mendapatkan kesalahan "Tipe data tidak valid", dan jika ya, itu akan sangat jarang terjadi. Jika Anda pernah bekerja dengan bahasa pemrograman lain, ingatlah seberapa sering Anda mengalami kesalahan tentang tipe data yang salah. Dalam JavaScript, tipe data dapat dengan mudah diganti tanpa Anda sadari di mana, dan di situlah ia menjadi rumit. Di sisi lain, jika Anda berpengalaman dalam prinsip-prinsip konversi tipe, mengetahui semua properti variabel dan array, fitur ini hanya akan memberi Anda kepercayaan diri dalam menulis program.

Variabel JavaScript dapat menyimpan nilai dari berbagai jenis:

• String - urutan karakter;
• Nilai numerik - bilangan bulat dan bilangan real;
• Nilai boolean hanyalah dua nilai true atau false;
• Array adalah kumpulan variabel dengan tipe yang sama;
• Tanggal adalah nilai tanggal dan waktu.

Umur variabel terkait dengan jendela di mana mereka dibuat dan tergantung di mana mereka didefinisikan. Program JavaScript terkandung dalam dokumen HTML, dan ketika dokumen baru dimuat ke browser, variabel apa pun yang dibuat dalam program akan dihapus.
Untuk menyimpan nilai apa pun saat memuat dokumen baru di JavaScript, hanya ada 2 solusi:

• dengan membuat variabel dalam dokumen tingkat atas yang berisi bingkai;
• dengan menggunakan "cookies";

Untuk menyimpan variabel dan fungsi menggunakan dokumen berbingkai, variabel dan fungsi ini harus didefinisikan di dokumen tingkat atas dan kemudian menggunakan properti induk atau properti teratas dari objek jendela untuk mengaksesnya dari dokumen yang dimuat dalam bingkai. PENTING: variabel dan fungsi tersebut harus diatur di kepala dokumen tingkat atas di antara tag . . . . Tentu saja, ada kemungkinan bahwa dokumen dapat dimuat tanpa bingkai, dan kemudian mengakses objek yang tidak ditentukan akan menyebabkan kesalahan, tetapi Anda dapat memeriksa terlebih dahulu apakah dokumen dimuat ke dalam bingkai:

Cookie memungkinkan potongan kecil informasi disimpan di drive lokal pengguna. Dengan menetapkan nilai cookie dan menyortirnya pada tahap pekerjaan selanjutnya, Anda dapat memulihkan nilai yang diperlukan. Kami akan berbicara lebih banyak tentang cookie nanti.

Nama variabel, membuat variabel

Jauh lebih mudah untuk membuat variabel dalam JavaScript daripada dalam bahasa pemrograman lain. Misalnya, saat membuat variabel, tidak perlu menentukan jenisnya. Variabel didefinisikan dengan atau tanpa nilai awal. Selama eksekusi program, variabel yang sudah dibuat bahkan dapat dilemparkan ke tipe data yang berbeda. Nama variabel dapat dimulai dengan huruf apa saja (a sampai z, atau A-Z) atau garis bawah (_), selebihnya dapat berisi angka, garis bawah, dan huruf. Ingat bahwa nama variabel membedakan antara karakter huruf besar dan kecil: misalnya MyVariable tidak sama dengan myvariable.
Sebuah variabel dapat dibuat dengan salah satu cara berikut:

• menggunakan operator var dan operator penugasan (=);
• menggunakan operator penugasan (=).

Operator Var digunakan tidak hanya untuk membuat variabel, tetapi juga untuk menginisialisasinya. Operator penugasan (=) diperlukan untuk menyimpan nilai dalam variabel, dan tidak diperlukan saat bekerja dengan variabel yang dibuat tanpa nilai awal. Sebagai contoh:

VarMyVariable = 35

Membuat variabel bernama MyVariable yang berisi nilai numerik 35. Variabel ada selama dokumen saat ini dimuat. Jika Anda membuat variabel ini dalam dokumen berbingkai tingkat atas, variabel itu harus diakses menggunakan ekspresi top.MyVariable, atau lebih baik lagi parent.MyVariable untuk melindungi dari bingkai bersarang.

Dalam JavaScript, variabel dapat diganti, bahkan dengan menentukan tipe data yang berbeda. Misalnya, setelah mengeksekusi pernyataan

Var Variabel Saya = "35"

Variabel sudah akan menyimpan string "35". Transformasi semacam itu terkadang menyebabkan kesalahpahaman. Sebagai contoh:

Menurut Anda berapa nilai variabel "c" setelah program dijalankan? Jika Anda tidak terbiasa dengan aturan untuk mengonversi variabel dalam JavaScript, Anda tidak akan menebaknya. Nilai variabel "c" setelah blok selesai akan sama dengan nilai numerik 320. Kita akan membicarakan prinsip-prinsip konversi tipe variabel nanti. Variabel dapat didefinisikan tanpa menggunakan operator "Var", tetapi cukup dengan menetapkan nilai, dan tipe data apa yang akan ditetapkan, tipe itu akan menjadi variabel. Operator "Var" terutama digunakan untuk keterbacaan program JS. Variabel juga dapat diatur tanpa nilai awal, misalnya:

VariabelVarSaya;

Variabel bernama MyVariable telah dibuat tanpa tipe data yang ditentukan dan tanpa nilai awal. Variabel yang dibuat menggunakan deklarasi tersebut dikenal sebagai variabel null. Misalnya, dengan membandingkan variabel tersebut dengan nol, Anda dapat mengetahui apakah variabel tersebut didefinisikan. Namun, orang tidak boleh bingung dengan hal-hal yang berbeda: "" - string kosong adalah tipe string dan bukan nilai nol sama sekali.

Jenis variabel dapat diatur di mana saja dalam program JS, tidak seperti bahasa pemrograman lain, yang memberi Anda lebih banyak fleksibilitas, tetapi juga kemungkinan kebingungan - ingat ini. Variabel yang belum dibuat tidak dapat diakses. Jika Anda ingin membuat variabel sementara, seperti penghitung loop, Anda harus mengawalinya dengan var:
untuk (var i=0; i<= document.links.length; i++) {
. . . . .
}
dalam contoh ini, variabel i diinisialisasi dan kemudian digunakan sebagai counter dari pernyataan for.
Variabel yang didefinisikan dengan var dipisahkan dengan koma. Agar program JS lebih mudah dibaca, setiap variabel biasanya ditulis pada baris baru.

Variabel string

String adalah sekumpulan karakter yang diapit oleh tanda kutip tunggal atau ganda. String dalam JavaScript diperlakukan sebagai objek. Sejauh ini, ini adalah jenis objek yang paling umum, jadi JavaScript memiliki banyak fungsi standar untuk memanipulasi string. Anda dapat membuat objek String dengan salah satu dari beberapa cara:

• menetapkan nilai menggunakan konstruktor String();
• menggunakan operator Var dan operator penugasan untuk membuat dan menginisialisasi string;
• pembuatan dan inisialisasi variabel string dalam pernyataan penugasan;
• mengonversi variabel bertipe numerik dengan menambahkan tipe string (10+"" ==> "10");

Cara paling sederhana dan paling umum untuk membuat objek String adalah dengan menggunakan operator seperti

Var myVariable = "Bir enak";

Pernyataan di atas memberikan string "Bir yang baik" ke variabel string myVariable. Variabel myVariable diperlakukan sebagai objek string dan dapat menggunakan salah satu metode objek String JavaScript standar. Operator Var dapat dilewati, seperti yang disebutkan sebelumnya, ini diperlukan terutama untuk keterbacaan program.

Untuk membuat objek string, Anda dapat menggunakan konstruktor String() dengan operator baru. Objek String sebenarnya tidak ada dalam JavaScript, tetapi merupakan objek browser bawaan, terutama karena string dibuat saat pengguna membutuhkannya. Pertimbangkan sebuah contoh:

Var myVariable = String baru();

Pernyataan ini membuat objek baru - string kosong bernama myVariable. Awalnya, ini adalah string kosong (""), dan nilai properti myVariable.length adalah 0.

Konstruktor String() menerima string yang diberikan sebagai argumen:

Var myVariable = new String("Bir yang benar");

Objek string dapat berisi karakter khusus yang mengontrol pemformatan string:

• \n - karakter baris baru;
• \r - karakter carriage return;
• \f - kode transisi ke halaman baru;
• \xnn - representasi karakter sebagai kode ASCII heksadesimal nn;
• \b - kode kunci.

karakter ini hanya akan ditafsirkan dengan benar dalam wadah dan dalam metode "Peringatan". Pemformatan untuk document.write() dilakukan dengan metode lain atau tag HTML. <br>Objek String hanya memiliki satu properti, panjang, yang nilainya adalah jumlah karakter dalam string yang terdapat dalam objek. Metode dari objek String dapat dibagi menjadi dua kategori: <ul><li>metode pemformatan dokumen HTML;</li><li>metode pemrosesan string.</li> </ul> Metode pemformatan dokumen digunakan untuk mengeluarkan string ke dokumen, dan metode manipulasi string digunakan untuk memeriksa dan memodifikasi konten objek String. <br>Berikut adalah daftar metode: (huruf F - metode pemformatan, dan huruf Y - manajemen string) <table border="1"><tbody><tr><td>metode</td> <td> </td> <td>Keterangan</td> </tr><tr><td>jangkar()</td> <td>Pada</td> <td>Membuat label bernama, mis. menandai <a name>dari konten objek</td> </tr><tr><td>besar()</td> <td>F</td> <td>Membungkus string dalam wadah <big> . . . </big>, untuk ditampilkan dalam font besar</td> </tr><tr><td>berkedip()</td> <td>F</td> <td>Membungkus string dalam wadah <blink> . . . </blink> untuk menampilkannya berkedip.</td> </tr><tr><td>berani()</td> <td>F</td> <td>Membungkus string dalam wadah <b> . . . </b> untuk menampilkannya dalam huruf tebal.</td> </tr><tr><td>karakter()</td> <td>Pada</td> <td>Mengembalikan karakter pada posisi tertentu dalam string</td> </tr><tr><td>tetap()</td> <td>F</td> <td>Membungkus string dalam wadah <tt> . . . </tt> untuk menampilkannya dalam font dengan lebar konstan.</td> </tr><tr><td>warna huruf()</td> <td>F</td> <td>Membungkus string dalam wadah <font color=colorCode> . . . </font> untuk menampilkannya dalam warna tertentu.</td> </tr><tr><td>ukuran huruf()</td> <td>F</td> <td>Membungkus string dalam wadah <font size=fontSize> . . . </font> untuk menampilkannya dalam ukuran font tertentu.</td> </tr><tr><td>Indeks()</td> <td>Pada</td> <td>Mengembalikan indeks karakter pertama yang ditemukan dalam string.</td> </tr><tr><td>huruf miring()</td> <td>F</td> <td>Membungkus string dalam wadah <i> . . . </i> untuk menampilkannya dalam huruf miring.</td> </tr><tr><td>indeks terakhir ()</td> <td>Pada</td> <td>Mengembalikan indeks karakter terakhir yang ditemukan dalam string.</td> </tr><tr><td>tautan()</td> <td>Pada</td> <td>Membuat tag hyperlink <a href> . . . </a> dan memasukkan konten objek ke dalamnya</td> </tr><tr><td>kecil()</td> <td>F</td> <td>Membungkus string dalam tag <small> . . . </small> untuk menampilkannya dalam ukuran font yang lebih kecil.</td> </tr><tr><td>memukul()</td> <td>F</td> <td>Membungkus string dalam wadah <strike> . . . </strike> sehingga muncul sebagai coretan.</td> </tr><tr><td>sub()</td> <td>F</td> <td>Membungkus string dalam wadah _{. . .} untuk ditampilkan sebagai subskrip.</td> </tr><tr><td>substring()</td> <td>Pada</td> <td>Mengembalikan substring dari string teks.</td> </tr><tr><td>sup()</td> <td>F</td> <td>Membungkus string dalam wadah ^{. . .} untuk menampilkannya sebagai superskrip.</td> </tr><tr><td>toLowerCase()</td> <td>Pada</td> <td>Mengonversi semua huruf string menjadi huruf kecil</td> </tr><tr><td>toUpperCase()</td> <td>Pada</td> <td>Mengonversi semua huruf string menjadi huruf besar</td> </tr></tbody></table><p>Variabel numerik</p><p>Nilai numerik dapat berupa bilangan bulat atau bilangan floating point. Bilangan floating point disebut real atau real. Operasi berikut berlaku untuk nilai numerik:</p><ul><li>perkalian (*);</li><li>pembagian (/);</li><li>tambahan (+);</li><li>pengurangan (-);</li><li>perbesaran (++);</li><li>mengurangi(--);</li> </ul> Selain itu, operasi perkalian, pembagian, penambahan, dan pengurangan digunakan dalam kombinasi dengan penugasan (*=, /=, +=, -=), serta metode objek Math. <p>Variabel Boolean</p><p>Variabel boolean atau logika hanya berisi nilai literal - benar dan salah - dan digunakan dalam ekspresi dan operator logika. <br>Untuk memeriksa nilai variabel boolean, operasi persamaan logika juga digunakan: <br>booleanVar == benar <br>meskipun dalam kasus ini operasi verifikasi seperti itu berlebihan. Untuk memeriksa nilai yang tidak benar, gunakan tanda negasi logis (!). Misalnya, ekspresi !booleanVar akan mengembalikan nilai true jika booleanVar salah. Alih-alih kata "benar" dan "salah", Anda dapat menggunakan nilai numerik "1" dan "2", karena ini adalah nilai Boolean yang diwakili dalam memori komputer: 1==benar dan 0 == salah.</p><p>Variabel larik</p><p>Variabel array berisi kumpulan nilai yang dipesan dari jenis yang sama, disajikan sebagai variabel tunggal untuk kenyamanan. Banyak objek properti dokumen JavaScript standar, seperti hyperlink dan label, adalah array. Dalam JavaScript, elemen array harus diakses menggunakan ekspresi:</p><p>Nama Array</p><p>Dimana arrayName adalah nama array dan indeks adalah variabel numerik atau angka yang menentukan posisi elemen dalam array. Misalnya, arrayName adalah elemen pertama dari array ini. Indeks array dalam JavaScript dimulai dari nol. Elemen array dapat berupa jenis apa pun, seperti string atau boolean. Selain itu, dalam kondisi tertentu, array dapat berisi elemen dari berbagai tipe data. Dalam JavaScript, array dibuat dengan:</p><ul><li>konstruktor Array();</li><li>objek konstruktor();</li><li>konstruktor yang ditentukan pengguna.</li> </ul> Konstruktor Array() tidak hanya membuat objek array, tetapi juga memberikan nilai awal ke elemennya. Dimungkinkan untuk menambahkan elemen ke array secara dinamis - dengan menetapkan nilai tertentu ke elemen array. Itu juga diperbolehkan untuk "melewati" elemen array dan mengaturnya dalam urutan apa pun. Untuk membuat instance baru dari objek array, konstruktor Array() harus digunakan dengan operator baru. Misalnya, contoh berikut membuat array bernama arrayImg yang berisi dua elemen, yang masing-masing adalah objek String <p>var jalur = "c:/gambar/", <br>arrayImg = Array baru(); <br>arrayImg = path+"img1.gif"; <br>arrayImg = path+"img2.gif";</p><p>Saat menggunakan konstruktor Array(), nilai properti length diatur secara otomatis. Oleh karena itu, setelah menginisialisasi elemen array dalam contoh di atas, ekspresi arrayImg.length mengembalikan nilai 2. Elemen array juga dapat diberikan sebagai parameter konstruktor:</p><p>var jalur = "c:/gambar/", <br>arrayImg = new Array(path+"img1.gif", path+"img2.gif");</p><p>Ungkapan ini adalah singkatan dari contoh sebelumnya. <br>Dalam JavaScript, Anda dapat membuat array, ini adalah array di mana elemen-elemennya memiliki tipe data yang berbeda:</p><p>Var myArray = new Array(3.14, true, 85, date(), "word");</p><p>Membuat array yang elemen myArraynya adalah float, elemen myArray adalah nilai Boolean, dan elemen myArray adalah objek Date. <br>Ukuran array, dan oleh karena itu nilai properti length dari objek yang dibuat oleh konstruktor Array(), bergantung pada nilai indeks maksimum yang digunakan untuk menentukan elemen array. Sebagai contoh:</p><p>Var myArray = Array baru; <br>myArray = "Ini adalah elemen ke-21 dari array";</p><p>Elemen kedua puluh satu dari array diatur ke nilai string "Ini adalah elemen ke-21 dari array", dan nilai properti myArray.length adalah 21, terlepas dari apakah nilai dalam array kurang dari 20. <br>Nilai properti length dari objek Array secara otomatis ditetapkan ketika Anda secara eksplisit menentukan jumlah elemen dalam konstruktor Array():</p><p>MyArray = Array baru(10);</p><p>Pernyataan membuat larik 10 elemen dari 0 hingga 9. Nilai properti panjang dari larik tidak dapat disetel dengan penetapan karena panjang adalah properti baca-saja. Misalnya, untuk menetapkan nilai 10 untuk properti panjang, Anda hanya perlu menentukan nilai terakhir, dalam hal ini, elemen ke-9 dari array:</p><p>MyArray = Array baru(); <br>myArray = 0;</p><p>Selain itu, dimungkinkan untuk mengatur nilai elemen array saat membangunnya:</p><p>MyArray = Array baru(0,0,0,0,0,0);</p><p>objek() konstruktor</p><p>Istilah objek dan array dapat dipertukarkan, meskipun konstruktor Object() dan Array() bekerja secara berbeda. Tidak mungkin melewatkan beberapa elemen array ke konstruktor Object(), jadi ekspresi ini <br>var myObj = Objek baru(nilai1, nilai2); <br>tidak akan berfungsi. Array yang dibuat dengan konstruktor Object() tidak memiliki properti length. Oleh karena itu, saat membuat array dengan cara ini, Anda harus melintasi array dengan loop for dan menghitung elemen array, atau meng-hardcode panjang array sebagai nilai elemen pertamanya (biasanya dilakukan dengan memodelkan properti length ), dan kemudian mengaksesnya seperlunya untuk memeriksa ukuran larik, meningkatkan nilai saat elemen baru ditambahkan, dan juga sebagai parameter loop saat membaca atau mengubah nilai elemen secara siklis. Objek seperti itu sering tidak dapat diterima untuk kasus di mana isi array harus berubah secara dinamis, jadi dalam banyak kasus konstruktor Array() digunakan. Nilai indeks array yang dibuat di konstruktor Object() juga dimulai dari nol. Untuk membuat array menggunakan konstruktor Object(), biasanya menggunakan notasi formulir:</p><p>Var myObj = Objek baru(); <br>myObj = 2; // mengatur dimensi array <br>myObj = "Elemen pertama"; <br>myObj = "Elemen kedua";</p><p>Untuk mengetahui ukuran array yang dibuat dengan cara ini, Anda perlu merujuk ke elemen myObj. Nilai properti myObj.length adalah null, karena nilainya tidak ditentukan.</p><p>Mengonversi string dan angka</p><p>Akhirnya sampai pada topik yang paling menarik. Faktanya adalah bahwa dalam JavaScript, tidak seperti bahasa lain, tidak ada fungsi seperti Val() dan Str(). Setelah saya melihat program JavaScript, saya tidak akan menyebutkan nama pembuatnya, di mana dengan bantuan berbagai konversi tipe data, ada upaya untuk membingungkan program untuk pengguna "tidak mahir". Jadi, ada dua aturan yang perlu diingat:</p><ul><li>Konversi angka menjadi string karakter dilakukan dengan menambahkan argumen numerik ke argumen string, terlepas dari permutasi istilah. Misalnya, jika variabelnya adalah varI=123, maka Anda dapat mengonversi variabel dan nilainya menjadi string karakter: varI = varI + "" atau sebaliknya: varI = "" + varI. Jika ditambahkan ke string yang tidak kosong: varI = varI + "456", maka hasil nilai dari variabel varI adalah "123456". Hal yang sama berlaku dan sebaliknya: varI = "456" + varI - result: "456123";</li><li>String diubah menjadi angka dengan mengurangkan satu operan dari operan lainnya, juga terlepas dari posisinya. Misalnya, jika variabel varI = "123", maka Anda dapat mengubahnya menjadi angka jika Anda mengurangi nilai 0 darinya: varI = varI - 0, dan dengan demikian nilai variabel dari tipe string dikonversi ke numerik: 123. Saat mengatur ulang operan, masing-masing, tanda nilai numerik akan berubah menjadi berlawanan. Tidak seperti mengonversi angka menjadi string, operasi pengurangan tidak dapat menggunakan nilai literal. Jadi jika "JavaScript" + 10 berubah menjadi varI == "JavaScript10", maka operasi seperti varI = "JavaScript" - 10 akan mengembalikan nilai "NON" - yaitu, operasi seperti itu tidak diperbolehkan. Namun, saat mengurangkan nilai string dari nilai string, transformasi juga terjadi: varI = "20" - "15", nilai variabel varI akan menjadi angka 5.</li> </ul> <p>Itu <b>pernyataan var</b> mendeklarasikan variabel, secara opsional menginisialisasinya ke suatu nilai.</p> <p>Sumber untuk contoh interaktif ini disimpan dalam repositori GitHub. Jika Anda ingin berkontribusi pada proyek contoh interaktif, silakan klon https://github.com/mdn/interactive-examples dan kirimkan permintaan tarik kepada kami.</p> <h2>Sintaksis</h2>var <i>varname1[</i>= <i>nilai1][</i>, <i>varname2[</i>= <i>nilai2]</i><i>... [ </i>, <i>varnameN[</i>= <i>nilaiN]]]</i>; varnameN Nama variabel. Itu bisa berupa pengenal hukum apa pun. valueN Nilai awal variabel. Itu bisa berupa ekspresi hukum apa pun. Nilai defaultnya adalah <i>tidak terdefinisi</i>. <h2>Keterangan</h2> <p>deklarasi var, di mana pun mereka muncul, diproses sebelum kode apa pun dieksekusi. Ini disebut mengangkat, dan dibahas lebih lanjut di bawah.</p> <p>Lingkup variabel yang dideklarasikan dengan var adalah saat ini <i>konteks eksekusi</i>, yang merupakan fungsi terlampir atau, untuk variabel yang dideklarasikan di luar fungsi apa pun, global. Jika Anda mendeklarasikan ulang variabel JavaScript, itu tidak akan kehilangan nilainya.</p> <p>Menetapkan nilai ke variabel yang tidak dideklarasikan secara implisit membuatnya sebagai variabel global (menjadi properti dari objek global) ketika tugas dijalankan. Perbedaan antara variabel yang dideklarasikan dan tidak dideklarasikan adalah:</p> <p>1. Variabel yang dideklarasikan dibatasi dalam konteks eksekusi di mana mereka dideklarasikan. Variabel yang tidak dideklarasikan selalu bersifat global.</p><p>Fungsi x() ( y = 1; // Melemparkan ReferenceError dalam mode ketat. var z = 2; ) x(); log konsol (y); // 1 log konsol(z); // Melempar ReferenceError: z tidak didefinisikan di luar x.</p><p>2. Variabel yang dideklarasikan dibuat sebelum kode apapun dieksekusi. Variabel yang tidak dideklarasikan tidak ada sampai kode yang ditetapkan untuk mereka dieksekusi.</p><p>console.log(a); // "tidak terdefinisi" atau "" tergantung pada konsol browser.log("masih berjalan..."); // masih berjalan... var a = 1; log konsol (a); // 1 console.log("masih berjalan..."); // masih berjalan...</p><p>3. Variabel yang dideklarasikan adalah properti yang tidak dapat dikonfigurasi dari konteks eksekusinya (fungsi atau global). Variabel yang tidak dideklarasikan dapat dikonfigurasi (misalnya dapat dihapus).</p><p>Var = 1; b = 2; hapus ini.a; // Melempar TypeError dalam mode ketat. Gagal diam-diam sebaliknya. hapus ini.b; log konsol (a, b); // Melemparkan ReferenceError. // Properti "b" telah dihapus dan tidak ada lagi.</p><p>Karena ketiga perbedaan ini, kegagalan untuk mendeklarasikan variabel kemungkinan besar akan menyebabkan hasil yang tidak diharapkan. Dengan demikian <b>dianjurkan untuk selalu mendeklarasikan variabel, terlepas dari apakah mereka berada dalam fungsi atau lingkup global.</b> Dan dalam mode ketat ECMAScript 5, menetapkan ke variabel yang tidak dideklarasikan akan menimbulkan kesalahan.</p> <h3>varhoisting</h3> <p>Karena deklarasi variabel (dan deklarasi secara umum) diproses sebelum kode apa pun dieksekusi, mendeklarasikan variabel di mana pun dalam kode sama dengan mendeklarasikannya di atas. Ini juga berarti bahwa suatu variabel dapat muncul untuk digunakan sebelum dideklarasikan. Perilaku ini disebut "mengangkat", karena tampaknya deklarasi variabel dipindahkan ke bagian atas fungsi atau kode global.</p><p>bla = 2; varbla; // ...secara implisit dipahami sebagai: var bla; bla = 2;</p><p>Oleh karena itu, disarankan untuk selalu mendeklarasikan variabel di bagian atas cakupannya (bagian atas kode global dan bagian atas kode fungsi) sehingga jelas variabel mana yang memiliki cakupan fungsi (lokal) dan mana yang diselesaikan pada rantai cakupan.</p> <p>Penting untuk menunjukkan bahwa pengangkatan akan memengaruhi deklarasi variabel, tetapi bukan inisialisasi nilainya. Nilai memang akan diberikan ketika pernyataan penugasan tercapai:</p><p>Fungsi do_something() ( console.log(bar); // undefined var bar = 111; console.log(bar); // 111 ) // ...secara implisit dipahami sebagai: function do_something() ( var bar; console .log(bar); // bar tidak terdefinisi = 111; console.log(bar); // 111 )</p><h2>Contoh</h2> <h3>Mendeklarasikan dan menginisialisasi dua variabel</h3>var a = 0, b = 0; <h3>Menetapkan dua variabel dengan nilai string tunggal</h3>var a = "A"; var b = a; // ...setara dengan: var a, b = a = "A"; <p>Perhatikan urutannya:</p><p>Var x = y, y = "A"; log konsol(x + y); // tidak terdefinisiA</p><p>Di sini, x dan y dideklarasikan sebelum kode apa pun dieksekusi, tetapi penugasan terjadi kemudian. Pada saat " x = y " dievaluasi, y ada sehingga tidak ada ReferenceError yang dilemparkan dan nilainya tidak terdefinisi . Jadi, x diberikan nilai yang tidak ditentukan. Kemudian, y diberi nilai "(!LANG:A" . Consequently, after the first line, x === undefined && y === "A" , hence the result.!}</p> <h3>Inisialisasi beberapa variabel</h3>varx = 0; function f() ( var x = y = 1; // Mendeklarasikan x secara lokal; mendeklarasikan y secara global. ) f(); log konsol(x, y); // 0 1 // Dalam mode tidak ketat: // x adalah yang global seperti yang diharapkan; // y bocor di luar fungsi! <p>Contoh yang sama seperti di atas tetapi dengan mode ketat:</p><p>"gunakan ketat"; varx = 0; function f() ( var x = y = 1; // Melemparkan ReferenceError dalam mode ketat. ) f(); log konsol(x, y);</p><h3>Lingkup fungsi global dan luar implisit</h3> <p>Variabel yang tampak sebagai global implisit dapat menjadi referensi ke variabel dalam lingkup fungsi luar:</p><p>Varx = 0; // Mendeklarasikan x dalam ruang lingkup file, lalu memberinya nilai 0. console.log(typeof z); // "tidak terdefinisi", karena z belum ada fungsi a() ( var y = 2; // Mendeklarasikan y dalam lingkup fungsi a, kemudian memberikan nilai 2. console.log(x, y); // 0 2 fungsi b() ( x = 3; // Menetapkan 3 ke file yang ada cakupan x. y = 4; // Menetapkan 4 ke luar y. z = 5 yang ada; // Membuat variabel global baru z, dan memberinya nilai 5. // (Melemparkan ReferenceError dalam mode ketat.) ) b(); // Membuat z sebagai variabel global console.log(x, y, z); // 3 4 5 ) a (); // Juga memanggil b. console.log(x, z); // 3 5 console.log(typeof y); // "undefined", karena y lokal untuk berfungsi a</p><h2>spesifikasi</h2> <table class="standard-table"><tbody><tr><th scope="col">Spesifikasi</th> <th scope="col">Status</th> <th scope="col">Komentar</th> </tr><tr><td>ECMAScript Edisi Pertama (ECMA-262)</td> <td>standar</td> <td>definisi awal. Diimplementasikan dalam JavaScript 1.0</td> </tr><tr><td>ECMAScript 5.1 (ECMA-262) <br>Definisi "pernyataan var" dalam spesifikasi itu.</td> <td>standar</td> <td> </td> </tr><tr><td>ECMAScript 2015 (Edisi ke-6, ECMA-262) <br> </td> <td>standar</td> <td> </td> </tr><tr><td>Draf Terbaru ECMAScript (ECMA-262) <br>Definisi "pernyataan variabel" dalam spesifikasi itu.</td> <td>Konsep</td> <td> </td> </tr></tbody></table><h2>Kompatibilitas peramban</h2> <p>Tabel kompatibilitas di halaman ini dibuat dari data terstruktur. Jika Anda ingin berkontribusi pada data, silakan periksa https://github.com/mdn/browser-compat-data dan kirimkan permintaan tarik kepada kami.</p> <p>Perbarui data kompatibilitas di GitHub</p><table class="bc-table bc-table-js"><tr class="bc-platforms"><td> </td><th class="bc-platform-desktop" colspan="6">Desktop</th><th class="bc-platform-mobile" colspan="6">Seluler</th><th class="bc-platform-server" colspan="1">server</th> </tr><tr class="bc-browsers"><td> </td><th class="bc-browser-chrome">Chrome</th><th class="bc-browser-edge">tepian</th><th class="bc-browser-firefox">Firefox</th><th class="bc-browser-ie">Internet Explorer</th><th class="bc-browser-opera">Opera</th><th class="bc-browser-safari">safari</th><th class="bc-browser-webview_android">tampilan web android</th><th class="bc-browser-chrome_android">Chrome untuk Android</th><th class="bc-browser-firefox_android">Firefox untuk Android</th><th class="bc-browser-opera_android">Opera untuk Android</th><th class="bc-browser-safari_ios">Safari di iOS</th><th class="bc-browser-samsunginternet_android">Samsung Internet</th><th class="bc-browser-nodejs">Node.js</th> </tr><tbody><tr><th scope="row">var</th><td class="bc-supports-yes bc-browser-chrome">Dukungan penuh Chrome 1</td><td class="bc-supports-yes bc-browser-edge">Tepi Dukungan penuh 12</td><td class="bc-supports-yes bc-browser-firefox">Firefox Dukungan penuh 1</td><td class="bc-supports-yes bc-browser-ie">IE Dukungan penuh 3</td><td class="bc-supports-yes bc-browser-opera">Opera Dukungan penuh Ya</td><td class="bc-supports-yes bc-browser-safari">Safari Dukungan penuh Ya</td><td class="bc-supports-yes bc-browser-webview_android">WebView Android Dukungan penuh 1</td><td class="bc-supports-yes bc-browser-chrome_android">Dukungan penuh Chrome Android 18</td><td class="bc-supports-yes bc-browser-firefox_android">Firefox Android Dukungan penuh 4</td><td class="bc-supports-yes bc-browser-opera_android">Opera Android Dukungan penuh Ya</td><td class="bc-supports-yes bc-browser-safari_ios">Safari iOS Dukungan penuh Ya</td><td class="bc-supports-yes bc-browser-samsunginternet_android">Samsung Internet Android Dukungan penuh 1.0</td><td class="bc-supports-yes bc-browser-nodejs">nodejs Dukungan penuh Ya</td> </tr></tbody></table> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> <div style="font-size:0px;height:0px;line-height:0px;margin:0;padding:0;clear:both"></div> </div> </div> <div class="related_block main_articles"> <h3 class="head2">Rekomendasikan artikel lain</h3> <div class="category_page related"> <div class="col-md-6 col-sm-6"> <div class="post"> <div class="thumb"> <a href="https://venikdaily.ru/id/android/novye-tegi-kak-pravilno-prizhat-plavayushchii-futer-k-nizu-stranicy-vstavlyaem/"><img width="410" height="220" src="/uploads/7a68b7480435f1e0c591b22053cb6399.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Cara mendorong footer mengambang dengan benar ke bagian bawah halaman Masukkan spacer dan lawan Internet Explorer" / loading=lazy loading=lazy></a> </div> <div class="cat_link"> <ul class="post-categories"> <li><a href="https://venikdaily.ru/id/category/android/" rel="category tag">Android</a></li> </ul> </div> <div class="caption"> <div class="row"> <div class="col-md-12"> <h2><a href="https://venikdaily.ru/id/android/novye-tegi-kak-pravilno-prizhat-plavayushchii-futer-k-nizu-stranicy-vstavlyaem/">Cara mendorong footer mengambang dengan benar ke bagian bawah halaman Masukkan spacer dan lawan Internet Explorer</a></h2> </div> </div> </div> </div> </div> <div class="col-md-6 col-sm-6"> <div class="post"> <div class="thumb"> <a href="https://venikdaily.ru/id/windows/chto-oboznachaet-etot-teg-footer-novye-tegi-i-ispolzuem-na/"><img width="410" height="220" src="/uploads/3bcde682d270c8f54fe695946a123bf2.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Apa kepanjangan dari tag footer ini?" / loading=lazy loading=lazy></a> </div> <div class="cat_link"> <ul class="post-categories"> <li><a href="https://venikdaily.ru/id/category/windows/" rel="category tag">jendela</a></li> </ul> </div> <div class="caption"> <div class="row"> <div class="col-md-12"> <h2><a href="https://venikdaily.ru/id/windows/chto-oboznachaet-etot-teg-footer-novye-tegi-i-ispolzuem-na/">Apa kepanjangan dari tag footer ini?</a></h2> </div> </div> </div> </div> </div> </div> </div> <dblock></dblock> </div> </div> </div> <div class="col-md-4 col-sm-4"> <aside class="right_col"> <div class="new_art box"> <h3>Paling populer</h3> <div class="post"> <div class="thumb"> <a href="https://venikdaily.ru/id/tele2/osnovy-javascript-grammatika-i-tipy-rabota-s-peremennymi-v/"><img width="410" height="220" src="/uploads/57dd7163db0aaa05ca5aa5eaa862cc73.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Tata bahasa dan tipe Bekerja dengan variabel dalam javascript" / loading=lazy loading=lazy></a> </div> <div class="cat_link"> <ul class="post-categories"> <li><a href="https://venikdaily.ru/id/category/tele2/" rel="category tag">Tele 2</a></li> </ul> </div> <div class="caption"> <div class="row"> <div class="col-md-12"> <h2><a href="https://venikdaily.ru/id/tele2/osnovy-javascript-grammatika-i-tipy-rabota-s-peremennymi-v/">Tata bahasa dan tipe Bekerja dengan variabel dalam javascript</a></h2> </div> </div> </div> </div> <div class="post"> <div class="thumb"> <a href="https://venikdaily.ru/id/kyivstar/izuchaem-otstupy-teksta-v-html-otstupy-i-ramki-v-css-s-pomoshchyu-parametrov-margin-padding-i/"><img width="410" height="220" src="/uploads/1fdeb9dc35e9a94e485b8cad82b1a92f.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Margin dan border di CSS dengan margin, padding, dan border Html indent di semua sisi" / loading=lazy loading=lazy></a> </div> <div class="cat_link"> <ul class="post-categories"> <li><a href="https://venikdaily.ru/id/category/kyivstar/" rel="category tag">Kyivstar</a></li> </ul> </div> <div class="caption"> <div class="row"> <div class="col-md-12"> <h2><a href="https://venikdaily.ru/id/kyivstar/izuchaem-otstupy-teksta-v-html-otstupy-i-ramki-v-css-s-pomoshchyu-parametrov-margin-padding-i/">Margin dan border di CSS dengan margin, padding, dan border Html indent di semua sisi</a></h2> </div> </div> </div> </div> <div class="post"> <div class="thumb"> <a href="https://venikdaily.ru/id/aliexpress/otstupy-vnutri-yacheek-tablicy-css/"><img width="410" height="220" src="/uploads/be27c012db68c6ad9f8cc48d42049ed0.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="Padding di dalam sel tabel css" / loading=lazy loading=lazy></a> </div> <div class="cat_link"> <ul class="post-categories"> <li><a href="https://venikdaily.ru/id/category/aliexpress/" rel="category tag">Aliexpress</a></li> </ul> </div> <div class="caption"> <div class="row"> <div class="col-md-12"> <h2><a href="https://venikdaily.ru/id/aliexpress/otstupy-vnutri-yacheek-tablicy-css/">Padding di dalam sel tabel css</a></h2> </div> </div> </div> </div> </div> <aside id="text-2" class="widget widget_text"> <div class="textwidget"> <p> </p> </div> </aside> </aside> </div> </div> </div> </main> <footer id="footer"> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-4"> <div class="logo_wr"> <a rel="sidebar" href="#" class="b_link">Ke bookmark</a> <a href="https://venikdaily.ru/id/" rel="home" class="logo2"><br></a> </div> <div class="f_text"> <p>© 2022. Panduan komunikasi seluler</p> <p>Seluruh hak cipta</p> <p>Setiap penggunaan materi yang diposting <br/>di situs hanya diperbolehkan dengan tertulis <br/>izin hak cipta</p> </div> </div> <div class="col-md-8 col-sm-8"> <div class="col-md-4 col-sm-4"> <nav class="footer_menu"> <div id="nav_menu-6"><div class="menu-header_menu-container"><dblock></dblock></div></div> </nav> </div> <div class="col-md-3 col-sm-3"> <dblock></dblock> </div> <div class="col-md-5 col-sm-5"> <div class="footer_right"> <a href="#" class="vk_link">Bergabunglah dengan Vkontakte</a> <div class="counter"> <dblock></dblock> </div> <div class="footer_menu3"> <div id="nav_menu-8"> <div class="menu-top_menu-container"> <ul id="menu-top_menu-1" class="menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1361"><a href="" class="menu-image-title-after"><span class="menu-image-title">Pengiklan</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item"><a href="https://venikdaily.ru/id/sitemap.xml" class="menu-image-title-after"><span class="menu-image-title">peta situs `</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1363"><a href="" class="menu-image-title-after"><span class="menu-image-title">Edisi proyek</span></a></li> </ul> </div> </div> </div> <div class="soc"> <ul> <li class="item1"><a href="https://vk.com/share.php?url=https://venikdaily.ru/tele2/osnovy-javascript-grammatika-i-tipy-rabota-s-peremennymi-v/">vkontakte</a></li> <li class="item2"><a href="https://www.facebook.com/sharer/sharer.php?u=https://venikdaily.ru/tele2/osnovy-javascript-grammatika-i-tipy-rabota-s-peremennymi-v/">Facebook</a></li> <li class="item3"><a href="https://www.twitter.com/share?url=https%3A%2F%2Fvenikdaily.ru%2Fid%2Ftele2%2Fosnovy-javascript-grammatika-i-tipy-rabota-s-peremennymi-v%2F">Indonesia</a></li> <li class="item4"><a href="">google+</a></li> </ul> </div> </div> </div> </div> </div> </div> </footer> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "visibility_show": "show", "visibility_hide": "hide", "width": "Auto" }; /* ]]> */ </script> <script type='text/javascript' src='/assets/front.min.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar": "right_col", "margin_top": 10, "margin_bottom": 0, "stop_id": "footer", "screen_max_width": 400, "screen_max_height": 0, "width_inherit": false, "refresh_interval": 1500, "window_load_hook": false, "disable_mo_api": false, "widgets": ['text-2'] }; </script> <script type='text/javascript' src='/assets/q2w3-fixed-widget.min.js'></script> <script type='text/javascript' src='/assets/wp-embed.min.js'></script> <script type='text/javascript' src='/assets/form.js'></script> <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i" rel="stylesheet"> <script> var context = $('.new_articles'); while (context.children('div:not(.row)').length) { context.children('div:not(.row):lt(2)').wrapAll('<div class="row">'); } var context = $('.category_page'); while (context.children('div:not(.row)').length) { context.children('div:not(.row):lt(3)').wrapAll('<div class="row">'); } $(document).ready(function() { $(".mob_menu li.menu-item-has-children a:first-child").addClass('open_link'); $(".mob_menu li.menu-item-has-children ul a:first-child").removeClass('open_link'); $(".open_menu_link").click(function() { $(".mob_menu").slideToggle("fast"); return false; }); $(".mob_menu li.menu-item-has-children a.open_link").click(function() { $(this).next().slideToggle("fast"); return false; }); }); </script> </body> </html>