Pengakhiran garis di JavaScript

3

Saya menghabiskan banyak hari ini berjuang dengan ujung garis di JavaScript, dan akhirnya muncul beberapa hasil yang bernilai perkongsian - jika hanya untuk menyelamatkan pemaju lain dari turun ke lubang hitam debugging yang sama.

Seperti yang anda ketahui, rehat garis yang rendah hati sebenarnya mempunyai tiga bentuk bergantung kepada sistem operasi yang melakukan pemecahan. Pada mesin Unix, satu watak baru 'n' melakukan tugas. Pada Mac, pengangkutan kembali 'R' digunakan. DOS dan Windows Gunakan kedua -duanya: 'RN'. Ini salah satu daripada isu -isu yang agak halus yang boleh menggigit anda jika anda tidak tahu apa yang perlu diperhatikan.

Hari ini, saya ditugaskan dengan masalah mudah membina fungsi JavaScript untuk menjadikan satu baris baru untuk menggandakan garis baru dalam Textarea. Percubaan pertama saya kelihatan seperti ini:

var doublenewlinesre = /([^n]) n ([^n]) /g; fungsi doublenewlines (obj) { obj.value = obj.value.Replace (DoubleNewlinSre, "$ 1nn $ 2"); } Double Newlines

Kod di atas menggunakan ungkapan biasa yang mudah yang mendapati semua contoh sesuatu yang bukan garis baru, diikuti dengan garis baru, diikuti oleh sesuatu yang bukan garis baru. Contoh corak ini kemudian digantikan dengan corak yang sama dengan dua garis baru di tengah dan bukannya satu.

Ini berfungsi dengan baik di Firefox pada kedua -dua Windows, Linux dan Mac kerana Firefox merawat garis baru sebagai 'n' tidak kira apa platform yang dijalankan. Ia memecahkan IE untuk Windows dan IE untuk Macintosh kerana pelayar tersebut menggunakan 'RN' dan 'R' masing -masing.

cukup adil. Penyelesaian yang biasa untuk masalah ini adalah untuk menormalkan ujung garis sebelum menjalankan penukaran, dengan menggantikan setiap tiga kombinasi dengan satu akhir pilihan anda (dalam kes saya 'n'). Inilah percubaan kedua saya pada fungsi:

fungsi doublenewlines (obj) { obj.value = obj.value.replace (/(rn | r | n)/g, 'n'); obj.value = text.Replace (DoubleNewLinesre, "$ 1nn $ 2"); }

Itu tidak berfungsi sama ada. Setelah banyak menggaru kepala, menyahpepijat dan mencucuk dengan kotak amaran, saya akhirnya menemui "ciri" yang tidak jelas dan hampir tidak jelas "Ciri" Internet Explorer: Apabila anda memberikan rentetan kepada atribut nilai objek input, iaitu secara senyap -senyap menukar ujung garis 'n' anda ke keutamaan platform. Dokumentasi Microsoft gagal perhatikan ini, tetapi saya telah mengesahkan bahawa ini berlaku pada kedua -dua versi Windows dan MAC Internet Explorer.

bizzarely, jika anda menyerahkan kepada atribut nilai objek medan bentuk tersembunyi tidak ada penukaran berlaku; Pengakhiran garis hanya berubah jika anda menyerahkan ke kawasan teks.

kod berikut, walaupun seolah -olah sama dalam fungsi kepada kod yang baru disenaraikan, adakah apa yang saya mahu lakukan:

fungsi doublenewlines (obj) { var text = obj.value; text = text.Replace (/(rn | r | n)/g, 'n'); obj.value = text.Replace (DoubleNewLinesre, "$ 1nn $ 2"); }

Ini berfungsi dengan baik kerana versi yang dinormalisasi diberikan kepada pembolehubah dan bukannya diberikan terus ke atribut nilai objek TextArea - oleh itu penukaran akhir automatik IE IE ditangguhkan sehingga akhir skrip dan gagal memainkan malapetaka dengan ekspresi biasa kedua saya.

Akhirnya, nota gaya. Sekiranya saya memikirkan penggunaan semula kod dan bukannya bekerja dengan cepat untuk menyelesaikan masalah, saya mungkin akan menghasilkan sesuatu seperti ini:

fungsi doublenewlines (teks) { text = text.Replace (/(rn | r | n)/g, 'n'); kembali Text.Replace (DoubleNewLinesre, "$ 1nn $ 2"); } Double Newlines

Walaupun ia memerlukan sedikit lebih banyak kod dalam pengendali onclick, abstrak hanya operasi rentetan, saya akan menghindari masalah penukaran yang berakhir dengan garis pelik. Namun, sekurang -kurangnya saya telah pergi dengan pemahaman tentang satu lagi kebiasaan kecil IE.

Soalan Lazim (Soalan Lazim) Mengenai Pengakhiran Talian dalam JavaScript

Apakah kepentingan akhir garis dalam JavaScript?

Pengakhiran garis dalam JavaScript adalah penting kerana mereka menandakan akhir pernyataan. Dalam JavaScript, setiap pernyataan dipisahkan oleh titik koma (;). Walau bagaimanapun, jurubahasa JavaScript cukup pintar untuk memasukkan titik -titik besar secara automatik pada akhir baris jika mereka hilang. Ciri ini dikenali sebagai Penyisipan Sofis Automatik (ASI). Walaupun demikian, ia dianggap sebagai amalan yang baik untuk memasukkan titik -koma secara manual untuk mengelakkan sebarang kesilapan yang berpotensi atau hasil yang tidak dijangka. Urutan melarikan diri untuk garis baru adalah 'n'. Sebagai contoh, jika anda ingin menambah baris baru antara dua ayat, anda boleh melakukannya seperti ini: "Hellonworld". Apabila rentetan ini dicetak, "Hello" dan "Dunia" akan berada di baris yang berasingan. Walau bagaimanapun, ia digunakan secara berbeza bergantung kepada sistem operasi. 'N' digunakan sebagai watak baru dalam sistem berasaskan Unix (seperti Linux dan Mac), manakala 'RN' digunakan dalam Windows. Watak 'R' mewakili pulangan kereta, yang menggerakkan kursor ke permulaan garis tanpa memajukan ke baris seterusnya. Contohnya, "Hellonnworld" akan menambah dua rehat baris antara "Hello" dan "Dunia".

Bolehkah saya menggunakan tag html untuk rehat baris dalam javascript?

Ya, anda boleh menggunakan tag HTML untuk rehat baris dalam JavaScript apabila anda bekerja dengan kandungan HTML. Tag '' boleh digunakan untuk menambah rehat garis. Sebagai contoh, "Hello
World" akan menambah garis rehat antara "Hello" dan "Dunia" apabila dipaparkan dalam dokumen HTML. Komen tunggal dalam JavaScript bermula dengan '//' dan berakhir pada rehat garis. Segala -galanya selepas '//' pada baris yang sama dianggap sebagai komen dan diabaikan oleh jurubahasa JavaScript. Urutan ini memasukkan watak baru ke dalam rentetan, dengan berkesan mencipta pemecahan baris. Ini bermakna walaupun anda lupa meletakkan titik koma pada akhir pernyataan, JavaScript masih akan mentafsirkannya dengan betul. Penggunaan ujung baris yang betul boleh menjadikan kod anda lebih mudah dibaca dan lebih mudah untuk dikekalkan. Amalan biasa untuk memulakan barisan baru untuk setiap pernyataan atau selepas blok kod (seperti fungsi atau gelung).

Bagaimana pengakhiran garis mempengaruhi pelaksanaan kod JavaScript? Walau bagaimanapun, mereka juga boleh memberi kesan kepada pelaksanaan kod dari segi penyisipan titik koma automatik (ASI). Sekiranya garis akhir diletakkan dengan tidak betul, ia boleh menyebabkan hasil yang tidak dijangka disebabkan oleh memasukkan titik koma automatik. Oleh itu, penting untuk memahami dan menggunakan ujung baris dengan betul.

Atas ialah kandungan terperinci Pengakhiran garis di JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!