Ringkas dan bagikan poin pengetahuan tentang variabel JavaScript dan tipe data

Cara cepat memulai VUE3.0: Masuk ke pembelajaran

1. Konsep

pengidentifikasi

: Dalam pengembangan program, sering kali diperlukan penyesuaian beberapa simbol untuk menandai beberapa nama dan memberinya kegunaan khusus, seperti nama variabel, nama fungsi, dll. Simbol-simbol ini disebut pengenal.

Aturan definisi

• terdiri dari huruf besar dan kecil, angka, garis bawah, dan tanda dolar ($).
• Tidak dapat dimulai dengan angka.
• Sangat peka huruf besar-kecil.
• Tidak dapat diberi nama menggunakan kata kunci dalam JavaScript.
• Kita harus berusaha sebaik mungkin untuk "mengetahui maknanya ketika kita melihat namanya".

Pengidentifikasi sah adalah: it, It, age66, _age, $name.

Pengidentifikasi ilegal adalah: to, to, 798lu.

Perhatikan bahwa

ketika beberapa kata diperlukan dalam pengidentifikasi, metode representasi yang umum adalah metode garis bawah (seperti nama_pengguna), huruf besar/kecil (seperti nama pengguna) dan metode Pascal (seperti nama pengguna). Pembaca dapat menyatukan dan membakukan metode penamaan sesuai dengan kebutuhan pengembangan. Misalnya, metode garis bawah biasanya digunakan untuk penamaan variabel, dan metode camel case biasanya digunakan untuk penamaan nama fungsi.

kata kunci

: mengacu pada kata-kata yang telah didefinisikan sebelumnya dan diberi arti khusus dalam bahasa JavaScript.

Kata kunci yang dicadangkan di masa depan: mengacu pada kata-kata yang dicadangkan dan mungkin menjadi kata kunci yang dicadangkan di masa mendatang.

kata kunci yang dipesan

Kata kunci tidak dapat digunakan sebagai nama variabel dan nama fungsi, jika tidak, kesalahan sintaksis akan terjadi selama pemuatan JavaScript.

Kata kunci disediakan untuk masa depan

Saat menentukan pengidentifikasi, disarankan untuk tidak menggunakan kata kunci cadangan di masa mendatang untuk menghindari kesalahan saat mengonversinya menjadi kata kunci di masa mendatang.

penggunaan variabel

: Variabel dapat dikatakan sebagai wadah untuk menyimpan data.

Misalnya: cangkir menampung air, cangkir mengacu pada variabel, dan air dalam cangkir mengacu pada data yang disimpan dalam variabel.

Sintaks: Variabel dalam JavaScript biasanya dideklarasikan menggunakan kata kunci var, dan aturan penamaan nama variabel sama dengan pengenal.

Contoh: nama variabel legal (seperti number, _it123), nama variabel ilegal (seperti 88shout, &num).

• Untuk variabel yang tidak diberi nilai awal, nilai defaultnya akan disetel ke tidak terdefinisi.
• Titik koma di akhir baris menunjukkan akhir pernyataan.
• Operator koma (,) antar variabel dapat merealisasikan deklarasi beberapa variabel sekaligus dalam satu pernyataan.

Penugasan variabel

Perhatikan bahwa

meskipun variabel dalam JavaScript dapat ditetapkan tanpa mendeklarasikannya terlebih dahulu, kata kunci var dapat langsung dihilangkan untuk memberikan nilai pada variabel. Namun, karena JavaScript menggunakan kompilasi dinamis, tidak mudah untuk menemukan kesalahan dalam kode saat program sedang berjalan. Oleh karena itu, disarankan agar pembaca mengembangkan kebiasaan yang baik dalam mendeklarasikan variabel sebelum menggunakannya.

Definisikan

konstanta: Konstanta dapat dipahami sebagai besaran yang nilainya tidak pernah berubah selama skrip dijalankan.

Fitur: Setelah ditentukan, tidak dapat diubah atau didefinisikan ulang.

Contoh: Pi dalam matematika adalah suatu konstanta, nilainya tetap dan tidak dapat diubah.

Sintaks: Kata kunci const baru di ES6, yang digunakan untuk mendefinisikan konstanta

Aturan penamaan konstan: ikuti aturan penamaan pengidentifikasi Biasanya selalu menggunakan huruf kapital untuk nama konstanta.

Nilai suatu konstanta: Konstanta dapat berupa data spesifik ketika ditetapkan, atau dapat berupa nilai ekspresi atau variabel.

• Sekali suatu konstanta diberi suatu nilai, maka konstanta tersebut tidak dapat diubah.
• Sebuah konstanta harus diberi nilai ketika dideklarasikan.

2. Tipe data

Klasifikasi tipe data Data

dalam JavaScript: Saat menggunakan atau menetapkan nilai, tentukan tipe yang sesuai sesuai dengan konten spesifik pengaturan.

Namun setiap bahasa komputer memiliki tipe data yang didukungnya sendiri, tidak terkecuali JavaScript.

Tipe data referensi akan diperkenalkan secara rinci di bab selanjutnya.

Tipe data dasar - Boolean

Tipe Boolean adalah salah satu tipe data yang lebih umum digunakan dalam JavaScript dan biasanya digunakan untuk penilaian logis.

ture |.false

mewakili hal-hal yang "benar" dan "salah", mengikuti huruf besar-kecil, sehingga nilai benar dan salah hanya mewakili tipe Boolean jika semuanya berupa huruf kecil.

Tipe data dasar - tipe numerik

Tipe numerik dalam JavaScript tidak membedakan antara bilangan bulat dan angka floating point Semua angka adalah tipe numerik.

• Tambahkan tanda “-” untuk menunjukkan angka negatif.
• Tambahkan tanda "+" untuk mewakili bilangan positif (biasanya hilangkan tanda "+").
• Atur ke NaN untuk menunjukkan nilai non-numerik.

Selama nilai yang diberikan tidak melebihi rentang yang diperbolehkan untuk spesifikasi numerik dalam JavaScript.

NaN non-numerik

• NaN adalah properti objek global, dan nilai awalnya adalah NaN.
• Seperti nilai khusus NaN dalam tipe numerik, keduanya mewakili Bukan Angka.
• Dapat digunakan untuk menunjukkan apakah data tertentu bertipe numerik.
• NaN tidak memiliki nilai pasti, tetapi hanya mewakili rentang tipe non-numerik.
• Misalnya saja ketika NaN dibandingkan dengan NaN, maka hasilnya mungkin tidak benar (true) karena data yang dioperasikan bisa berupa Boolean, karakter, null, undefinisi, dan objek apa pun.

Tipe data dasar -

Tipe karakter Tipe karakter (String) adalah urutan karakter yang terdiri dari karakter Unicode, angka, dll. Kita biasanya menyebut urutan karakter ini sebagai string.

Fungsi : Mewakili tipe data teks.

Sintaks: Data karakter dalam program diapit tanda kutip tunggal (“”) atau tanda kutip ganda (“”).

• Sebuah string yang dibatasi oleh tanda kutip tunggal dapat berisi tanda kutip ganda.
• Tanda kutip tunggal juga dapat dimasukkan dalam string yang dibatasi oleh tanda kutip ganda.

Pertanyaan: Bagaimana cara menggunakan tanda kutip tunggal di dalam tanda kutip tunggal, atau tanda kutip ganda di dalam tanda kutip ganda?

Jawaban: Gunakan karakter escape "" untuk escape.

Saat menggunakan simbol khusus seperti baris baru dan Tab dalam sebuah string, Anda juga perlu menggunakan karakter escape "".

Tipe data dasar - Null

• Tipe null (Null) hanya memiliki nilai null khusus.
• Tipe kosong digunakan untuk mewakili objek dan alamat yang tidak ada atau tidak valid.
• JavaScript peka terhadap huruf besar-kecil, sehingga nilai variabel hanya mewakili null jika huruf kecilnya adalah null.

Tipe data dasar - tipe tidak terdefinisi

• Tipe tidak terdefinisi (Tidak terdefinisi) juga hanya memiliki nilai khusus yang tidak terdefinisi.
• Tipe tidak terdefinisi digunakan ketika variabel yang dideklarasikan belum diinisialisasi, dan nilai default variabel tidak terdefinisi.
• Berbeda dengan null, undefinisi berarti tidak ada nilai yang ditetapkan untuk variabel, sedangkan null berarti variabel (objek atau alamat) tidak ada atau tidak valid.
• Catatan: null dan undefinisi tidak sama dengan string kosong ('') dan 0.

Deteksi tipe data

Mengapa deteksi tipe data diperlukan? Gunakan contoh berikut untuk menjelaskannya?

Silakan analisis dan beri tahu jenis data jumlah variabel dan alasannya?

Pikirkan jawabannya: Jumlah variabel adalah tipe karakter.

Analisis proses: Selama salah satu operan dari operator "+" adalah tipe karakter, ini mewakili penyambungan karakter. Adapun dua variabel yang terlibat dalam operasi dalam hal ini, num1 bertipe numerik dan num2 bertipe karakter, sehingga variabel keluaran akhir sum adalah string yang digabungkan antara num1 dan num2.

Pemikiran dan kesimpulan: Ketika ada persyaratan untuk tipe data yang terlibat dalam operasi selama pengembangan, deteksi tipe data perlu dilakukan.

JavaScript menyediakan dua metode berikut untuk mendeteksi tipe data:

Operator typeof mengembalikan tipe operan yang tidak dihitung dalam bentuk string.

Saat menggunakan typeof untuk mendeteksi tipe null, objek dikembalikan, bukan null.

Karena semua yang ada di JavaScript adalah objek, Anda dapat menggunakan fungsi ekstensi Object.prototype.toString.call() untuk membedakan tipe data dengan lebih akurat.

Nilai kembalian Object.prototype.toString.call(data) adalah hasil karakter dalam bentuk "[tipe data objek]". (Nilai yang dikembalikan dapat diamati melalui console.log().)

Konversi tipe data

Konversi tipe data - ke

skenario aplikasi Boolean: sering digunakan dalam ekspresi dan pernyataan kontrol proses, seperti perbandingan data dan penilaian kondisi.

Sintaks implementasi: fungsi Boolean().

Catatan: Fungsi Boolean() akan mengonversi string yang tidak kosong dan nilai bukan nol menjadi benar, dan mengonversi string kosong, 0, NaN, tidak terdefinisi, dan nol menjadi salah.

Contoh demonstrasi: Tentukan apakah pengguna memiliki konten masukan.

Analisis Boolean(con):

• Jika pengguna mengklik tombol "Batal", hasilnya salah. Jika
• pengguna tidak memasukkan, jika
• pengguna mengklik tombol "OK", hasilnya salah ", jika pengguna mengklik tombol" OK ", hasilnya salah. Benar

Konversi tipe data - konversi ke

skenario aplikasi numerik: Saat menerima data yang diteruskan oleh pengguna untuk penghitungan selama pengembangan, untuk memastikan bahwa semua data yang terlibat dalam penghitungan adalah numerik, seringkali perlu untuk mengonversinya.

Sintaks implementasi: fungsi Number(), fungsi parseInt(), atau fungsi parseFloat().

Contoh demonstrasi: Menyelesaikan penjumlahan otomatis berdasarkan masukan pengguna.

Ada perbedaan tertentu dalam penggunaan fungsi yang mengonversi tipe numerik.

• Semua fungsi akan mengabaikan angka nol di depan saat mengonversi bilangan murni. Misalnya, string "0123" akan dikonversi menjadi 123.
• Fungsi parseFloat() mengubah data menjadi angka floating point (dapat dipahami sebagai desimal).
• Fungsi parseInt() akan langsung menghilangkan bagian desimal, mengembalikan bagian bilangan bulat dari data, dan mengatur bilangan dasar yang dikonversi melalui parameter kedua.

Perhatikan bahwa

dalam pengembangan sebenarnya, perlu juga untuk menilai apakah hasil yang dikonversi adalah NaN. Hanya jika bukan NaN operasi dapat dilakukan. Saat ini, Anda bisa menggunakan fungsi isNaN() untuk menentukan. Ketika nilai yang diberikan tidak ditentukan, NaN, dan {} (objek), ia mengembalikan nilai benar, jika tidak maka akan mengembalikan salah.

Konversi tipe data - konversi ke sintaks implementasi tipe karakter

: fungsi String() dan metode toString().

Perbedaan dalam metode implementasi: Fungsi String() dapat mengubah tipe apa pun menjadi tipe karakter; kecuali null dan tidak terdefinisi, yang tidak memiliki metode toString(), tipe data lain dapat menyelesaikan konversi karakter.

Contoh demonstrasi: Menyelesaikan penjumlahan otomatis berdasarkan masukan pengguna.

Perhatikan bahwa

ketika metode toString() melakukan konversi tipe data, nilainya dapat diubah menjadi string dalam basis yang ditentukan melalui pengaturan parameter, seperti num4.toString(2), yang berarti terlebih dahulu mengonversi desimal 26 ke biner 11010, lalu mengonversi data Karakter.

ekspresi

: Ekspresi dapat berupa kumpulan berbagai tipe data, variabel, dan operator.

Ekspresi paling sederhana bisa berupa variabel.