Memahami dan Menggunakan Petikan dalam JavaScript

Dalam JavaScript, anda boleh menggunakan petikan untuk menentukan rentetan, sama ada rentetan berkod keras dalam kod program atau rentetan yang diproses daripada input pengguna. Anda boleh menggunakan petikan tunggal atau petikan berganda untuk mencapai ini, dan baru-baru ini, anda mempunyai literal templat. Yang terakhir boleh membuat anda tersandung pada kali pertama penggunaan. Walau bagaimanapun, artikel ini di sini untuk memastikan anda mengetahui masa dan cara menggunakan petikan dalam JavaScript dan beberapa perangkap biasa yang perlu anda elakkan.

Petikan Tunggal lwn. Petikan Berganda dalam JavaScript

Perbezaan antara petikan tunggal dan petikan berganda dalam JavaScript ialah aksara yang mewakilinya. Untuk petikan tunggal ia adalah 'rentetan' dan untuk petikan berganda, ia adalah "rentetan". Kedua-duanya adalah sah untuk menentukan rentetan dalam JavaScript dan dalam kebanyakan kes ia berfungsi sama.

Berikut ialah contoh kod yang menunjukkan cara menggunakan petikan tunggal dan berganda dalam JavaScript:

let single_quoted = 'Hello, World!';
let double_quoted = "Hello, World!";

Bila Perlu Menggunakan Petikan Tunggal atau Berganda

Ini berpunca kepada pilihan, tetapi patut untuk konsisten dalam asas kod anda. Jadi, jika anda akan menggunakan petikan tunggal, gunakan semua petikan tersebut. Perkara yang sama berlaku jika anda memilih petikan berganda. Tidak kira pilihan anda, ingat apabila rentetan mengandungi petikan tunggal atau berganda, gunakan yang lain untuk mengelak daripada melarikan diri.

Contohnya:

let sentence = "It's a wonderful day!";
let quote = 'He said, "Hello!"';

Daripada kod di atas, pembolehubah ayat mengandungi rentetan yang mempunyai petikan tunggal, jadi sebaiknya lampirkannya menggunakan petikan berganda untuk mengelakkan ralat sintaks. Sementara itu, petikan mengandungi rentetan dengan petikan berganda, jadi kami menggunakan petikan tunggal untuk melampirkan keseluruhan rentetan untuk mengelakkan ralat sintaks.

Mengendalikan Petikan Bersarang dan Watak Melarikan Diri

Petikan bersarang, jika tidak dikendalikan dengan betul, boleh menyebabkan ralat sintaks (lebih lanjut mengenai perkara ini kemudian). Untuk mengendalikan perkara ini, anda boleh melepaskan petikan menggunakan aksara sengkang terbalik. Walau bagaimanapun, terlalu banyak perkara ini boleh menyebabkan masalah kebolehbacaan.

Sebagai contoh, dalam kod berikut, keseluruhan rentetan disertakan menggunakan petikan tunggal. Sementara itu, rentetan itu mengandungi petikan tunggal lain yang kita lepaskan menggunakan aksara sengkang terbalik.

let escaped = 'She said, "It\'s a wonderful world!"';
console.log(escaped);

Perangkap Biasa dan Petua Penyahpepijatan

Kebanyakan editor kod moden harus menyerlahkan apabila anda mempunyai petikan yang tidak sepadan dalam kod anda, membantu anda menangkap ralat sebelum anda menjalankan kod anda. Namun begitu, saya ada pengalaman untuk dikongsi dengan anda.

Pada suatu masa dahulu, saya menggunakan alat SEO yang mengajar saya kepentingan menggunakan petikan yang betul memandangkan cara aplikasi itu berfungsi. Alat SEO yang dimaksudkan ini menunjukkan kata kunci yang akan mengesyorkan anda gunakan dalam artikel dan anda boleh memadamkan kata kunci yang anda tidak mahu.

Walau bagaimanapun, jika kata kunci mengandungi petikan tunggal, anda tidak boleh memadamkannya. Saya kagum dengan perkara ini jadi saya membuka Alat Pembangun, dan saya mendapati bahawa fungsi yang mengendalikan pemadaman kata kunci menerima kata kunci tersebut dalam petikan tunggal.

Sebagai contoh, delete_keywords('incoming keyword'). Akibatnya, apabila kata kunci masuk mengandungi petikan tunggal, fungsi tersebut akan menjadi delete_keywords('kata kunci masuk'), yang membawa kepada ralat sintaks. Jika pembangun alat itu menjangkakan perkara ini, mereka akan menggunakan petikan berganda untuk menyertakan kata kunci masuk.

Template Literals: Alternatif Moden

Templat literal dalam JavaScript dilambangkan dengan tanda belakang. Ia sering diutamakan untuk kompleks atau rentetan dan anda boleh menggunakannya untuk membenamkan pembolehubah tanpa penyatuan. Untuk yang terakhir, anda perlu membungkusnya dengan tanda dolar dan pendakap kerinting.

Contohnya:

let single_quoted = 'Hello, World!';
let double_quoted = "Hello, World!";

Kesimpulan

Tidak kira petikan yang anda pilih untuk digunakan, konsisten. Jika anda perlu melarikan diri daripada petikan menggunakan aksara sengkang terbalik, jangan keterlaluan. Akhir sekali, jika anda ingin mengendalikan rentetan kompleks, anda boleh menggunakan literal templat.

Atas ialah kandungan terperinci Memahami dan Menggunakan Petikan dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!