Apakah yang dilakukan oleh Kolon (:) dalam JavaScript dan Bilakah Saya Harus Menggunakannya?

Memahami Peranan Kolon (:) dalam JavaScript

Sambil anda menyelidiki kedalaman JavaScript, anda mungkin menemui simbol kolon (:) yang digunakan secara meluas dalam pelbagai konteks. Artikel ini bertujuan untuk menjelaskan peranan kolon yang membingungkan dalam JavaScript.

Untuk Apa Kolon Digunakan?

Satu penggunaan lazim kolon adalah dalam objek literal. Dengan meletakkan pasangan nilai kunci dalam pendakap kerinting, JavaScript membenarkan penciptaan objek menggunakan sintaks yang ringkas dan mudah. Kolon berfungsi sebagai pemisah antara kunci dan nilai sepadannya:

var object = {
  key1: value1,
  key2: value2
};

Sintaks ini bersamaan dengan mencipta objek baharu menggunakan kata kunci baharu dan menetapkan pasangan nilai kunci menggunakan tatatanda titik:

var object = new Object();
object.key1 = value1;
object.key2 = value2;

Satu lagi kes penggunaan kolon yang perlu diberi perhatian adalah dalam operator bersyarat ternary. Operator ini ialah cara padat untuk menyatakan logik bersyarat dan menetapkan nilai berdasarkan syarat yang ditentukan:

var result = (condition) ? valueTrue : valueFalse;

Jika syarat itu benar, hasil akan diberikan nilai valueTrue, jika tidak, hasil akan menerima nilai of valueFalse.

Contoh Tambahan:

Di luar literal objek dan operator ternary, kolon juga digunakan dalam beberapa senario yang kurang dikenali:

• Pernyataan Berlabel: Menandakan gelung atau pernyataan dengan label (pengecam diikuti dengan titik bertindih) membolehkan anda menggunakan pemecahan atau meneruskan pernyataan dengan label tertentu:

label: while (true) {
  // Code goes here
}

• Ungkapan Fungsi: Apabila mentakrifkan fungsi tanpa nama, anda boleh menggunakan kolon untuk memisahkan nama fungsi daripada parameternya:

var funcExpression = function myFunction(param1, param2) {
  // Function body
};

Atas ialah kandungan terperinci Apakah yang dilakukan oleh Kolon (:) dalam JavaScript dan Bilakah Saya Harus Menggunakannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!