Apakah Kesan Teg Skrip Penutup dalam Petikan Rentetan dalam JavaScript?

Teg Skrip dalam Rentetan JavaScript: Perangkap Biasa

Ramai pembangun menghadapi tingkah laku yang tidak dijangka dalam JavaScript apabila teg skrip penutup "" muncul dalam rentetan yang dipetik. Ini boleh mengakibatkan skrip ditamatkan lebih awal.

Inti isu terletak pada penghurai HTML penyemak imbas. Apabila menemui teg skrip penutup di dalam rentetan, ia menyalahtafsirkannya sebagai penghujung elemen skrip.

Pertimbangkan contoh berwarna sintaks berikut:

<code class="js"><script>
var test = 'foo... </script> bar.....';
</script></code>

Perhatikan bagaimana "bar" adalah dianggap sebagai kandungan teks di luar elemen skrip, menyebabkan skrip ditamatkan secara tiba-tiba.

Untuk menyelesaikan isu ini, amalan biasa menggunakan penggabungan rentetan, seperti yang dilihat di bawah:

<code class="js">var test = '...... </scr' + 'ipt>......';</code>

Oleh memecahkan tag skrip penutup kepada bahagian komponennya, penyemak imbas menghuraikan rentetan dengan betul tanpa mengelirukannya dengan penghujung elemen skrip. Ini memastikan skrip terus dilaksanakan seperti yang dimaksudkan.

Atas ialah kandungan terperinci Apakah Kesan Teg Skrip Penutup dalam Petikan Rentetan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!