Langkau ke kandungan
WANCODE
EN

Variable dan Jenis Data

14 minitPemulaHTML · CSS · JS

Dalam pelajaran ini

  • Cipta variable dengan let dan const, dan pilih yang betul
  • Kenal pasti string, number, boolean, null dan undefined
  • Guna typeof untuk menyemak jenis sesuatu nilai

Idea utama

Variable ialah tempat kita simpan sesuatu nilai supaya boleh digunakan semula. Bayangkan kotak berlabel: labelnya nama variable, isinya nilai.

Bayangkan anda menulis senarai harga kopitiam di mana "Kuching" muncul lima puluh kali — kemudian kedai itu berpindah. Variable membolehkan anda tulis nilai itu sekali, beri ia nama, dan guna nama itu di mana-mana.

Setiap variable ialah kotak dengan nama pada labelnya dan nilai di dalamnya.
JavaScript
const city = "Kuching";   // a box called city holding "Kuching"
let cupsSold = 0;         // a box called cupsSold holding 0

cupsSold = 5;             // put a new value in the same box (no let!)
console.log(city, cupsSold); // Kuching 5

let atau const?

  • const — kotak itu dimeterai. Anda tidak boleh masukkan nilai baharu kemudian. Gunakannya sebagai pilihan utama: kebanyakan nilai tidak perlu berubah.
  • let — kotak itu boleh diisi semula. Gunakannya apabila nilai akan berubah, seperti markah atau pembilang.
  • var — cara lama sebelum 2015. Ia ada peraturan yang mengelirukan tentang di mana ia boleh dilihat, jadi kod moden mengelakkannya. Anda masih akan nampak ia dalam tutorial lama.

Mengisi semula const

Memberi nilai baharu kepada const akan menghentikan skrip anda dengan TypeError: Assignment to constant variable. Ralat itu kawan anda: ia memberitahu sama ada nilai itu tidak patut berubah, atau kotak itu sepatutnya let.

Peraturan nama: nama boleh guna huruf, digit, _ dan $, tetapi tidak boleh bermula dengan digit atau mengandungi ruang. Ia sensitif huruf besar/kecil (city dan City ialah dua kotak berbeza). Developer JavaScript menulis nama berbilang perkataan dalam camelCase: cupsSold, isOpen, shopName.

Lima jenis data asas

string
Teks, di dalam tanda petikan: "Teh tarik", 'Ipoh'. Malah "42" pun teks, bukan nombor.
number
Sebarang nombor, bulat atau perpuluhan, tanpa tanda petikan: 12, 4.5, -3.
boolean
Hanya dua nilai: true atau false. Sesuai untuk fakta ya/tidak seperti isOpen.
undefined
"Belum ada nilai." Variable yang diisytiharkan tanpa nilai memegang undefined.
null
"Sengaja dikosongkan." Anda sendiri yang set null untuk berkata "tiada apa-apa di sini, dengan sengaja".

typeof memberitahu jenis nilai yang dipegang oleh sesuatu kotak. Ia memulangkan nama jenis itu sebagai string:

JavaScript
console.log(typeof "Kuching"); // "string"
console.log(typeof 31);        // "number"
console.log(typeof "31");      // "string"  ← quotes make it text!
console.log(typeof true);      // "boolean"
let order;
console.log(typeof order);     // "undefined"
console.log(typeof null);      // "object"  ← a famous old quirk

typeof null memberi "object". Itu pepijat daripada versi pertama JavaScript pada tahun 1995 yang tidak boleh dibaiki tanpa merosakkan laman web lama. null tetap jenisnya sendiri — cuma ingat keanehan ini.

Pada waktu petang suhu meningkat. Buang // di depan temperature = 33; untuk menghidupkan baris itu, kemudian baca ralat merah yang muncul dalam Konsol. Nilai itu perlu berubah, tetapi kotaknya telah dimeterai. Betulkan pengisytiharan (bukan baris petang) supaya skrip sampai ke penghujung dan mencetak Temperature now: 33°C. Bandar tidak pernah berubah, jadi biarkan ia sebagai const.

Semakan

  • Tiada ralat "Assignment to constant variable"
  • temperature akhirnya bernilai 33
  • city masih const

Uji kefahaman

Q1

Sebuah permainan menjejak markah pemain, yang naik setiap pusingan. Bagaimana anda patut mengisytiharkannya?

Q2

Apakah hasil typeof "2025"?

Q3

let phone; — apa yang phone pegang sekarang?

Apa yang anda pelajari

  • Variable ialah kotak bernama untuk sesuatu nilai. Guna const sebagai pilihan utama dan let apabila nilai perlu berubah; elakkan var.
  • Jenis asas: string (dalam tanda petikan), number, boolean (true/false), undefined (belum diset) dan null (sengaja kosong).
  • typeof value memberitahu jenisnya sebagai string — dengan keanehan lama bahawa typeof null ialah "object".
Pratonton

Output konsol daripada kod anda akan dipaparkan di sini.

Langkah 1 daripada 3