Mengapa saya menggunakan panduan gaya JavaScript dan mengapa anda juga perlu

mata utama

Panduan gaya JavaScript sulaman seperti gaya standard JavaScript membantu mengurangkan geseran pasukan, meningkatkan kebahagiaan pengaturcara, dan memastikan konsistensi kod.
Pengekodan dengan gaya arus perdana bahasa seperti JavaScript menjadikannya lebih mudah untuk menyumbang kepada projek sumber terbuka dan membiarkan orang lain menyumbang kepada projek anda.
Panduan gaya tidak semestinya membuat program lebih betul, tetapi ia dapat menangkap kesilapan sebelum kesilapan diposkan, menjadikan kod lebih mudah untuk dibaca dan difahami, dan mencegah perselisihan di kalangan ahli pasukan.
Melaksanakan gaya standard JavaScript boleh dilakukan tanpa sebarang alat, tetapi terdapat pakej NPM yang boleh digunakan dalam kod LINT JavaScript dan pemalam editor teks untuk membantu menguatkuasakan gaya.

Mari kita lihat gaya standard @Feross 'JavaScript, panduan gaya JavaScript yang lebih popular. Ia dapat membantu anda mengurangkan geseran pasukan dan meningkatkan kebahagiaan pengaturcara.

Ia adalah satu set peraturan yang menjadikan kod JavaScript lebih konsisten dan menghalang perbincangan yang membosankan mengenai kelebihan dan kekurangan tab dan ruang. Ia adalah salah satu daripada banyak gaya yang boleh anda ambil dan jatuh ke dalam kategori yang sama seperti Linter JavaScript lain seperti JSLint, Jshint, dan Eslint.

Jika anda tidak pasti apa yang Linter, atau mengapa anda memerlukannya, lihat perbandingan kami alat JavaScript Linting.

kepentingan gaya

Jika anda telah menulis kod untuk seketika, anda pasti akan mengembangkan gaya yang anda suka. Ini berlaku apabila anda menulis corak tertentu beratus -ratus atau beribu -ribu kali, dan anda mula mencari pengekodan anda secara estetika. Tiba -tiba, yang lain datang dan mula meletakkan kurungan di tempat -tempat yang pelik dan meninggalkan ruang di hujung garisan. Sesetengah teks mungkin diperlukan. Mengambil nafas dalam, cara anda meletakkan kurungan atau memilih ruang tidak akan menjadikan program anda lebih betul, iaitu peribadi

keutamaan.

Setiap bahasa pengaturcaraan mempunyai gaya arus perdana

, dan kadang -kadang seperti Python, panduan gaya rasmi dibentangkan sebagai kaedah

yang betul untuk menulis program. Tunggu, adakah anda mengatakan lekukan adalah 4 ruang ? Pengekodan dengan gaya arus perdana bahasa akan membantu program anda menyesuaikan diri dengan ekosistem bahasa. Jika anda sudah biasa dan bersetuju pada mulanya, anda juga akan mendapati lebih mudah untuk menyumbang kepada projek sumber terbuka dan membiarkan orang lain menyumbang kepada projek anda.

JavaScript tidak mempunyai panduan gaya rasmi, dan mungkin standard de facto muncul dalam "bahagian yang sangat baik" Douglas Crockford. Buku beliau mencadangkan cara untuk menulis program JavaScript yang boleh dipercayai, dan dia menekankan ciri -ciri yang harus kita elakkan secara aktif. Dia menyiarkan JSLint untuk menyokong pandangan ini, dan linter lain mengikutinya. Kebanyakan linter sangat boleh dikonfigurasikan, anda boleh memilih gaya yang sesuai dengan anda, dan lebih baik lagi, menguatkuasakannya kepada orang lain! Gaya standard JavaScript berbeza. Gaya kegemaran anda adalah apa -apa , adalah penting untuk memilih gaya yang boleh difahami dan digunakan oleh sesiapa sahaja.

mengamalkan gaya standard bermakna meletakkan kepentingan kejelasan kod dan norma komuniti di atas gaya peribadi. Ini mungkin tidak masuk akal untuk 100% projek dan budaya pembangunan, tetapi sumber terbuka boleh menjadi tempat yang bermusuhan untuk pemula. Membina jangkaan penyumbang automatik akan menjadikan projek lebih sihat.

Jika anda menulis program untuk diri sendiri bahawa tiada siapa yang perlu mengambil bahagian dalam menyumbang, gunakan alat dan gaya yang menjadikan anda paling bahagia. Apabila bekerja pada satu pasukan, anda harus meminimumkan geseran, tetap profesional dan tidak bimbang tentang perkara -perkara kecil.

sila luangkan masa untuk mempelajari gaya pangkalan kod sedia ada sebelum memperkenalkan gaya anda sendiri.

JavaScript Standard Style

2 ruang - untuk lekukan
Strings Gunakan petikan tunggal - melainkan untuk mengelakkan melarikan diri
Tiada pembolehubah yang tidak digunakan - ini boleh menangkap
• banyak ralat!
tiada titik koma
jangan mulakan dengan (, [atau `
Terdapat ruang selepas kata kunci jika (keadaan) {...}
ada ruang selepas nama fungsi nama fungsi (arg) {...}
Sentiasa gunakan === bukan == - tetapi biarkan obj == NULL untuk memeriksa NULL || Undefined.
selalu mengendalikan parameter fungsi nod.js err
Sentiasa tambahkan awalan tetingkap ke pembolehubah global pelayar - tetapi dokumen dan navigator boleh
• menghalang penggunaan secara tidak sengaja pembolehubah global penyemak imbas yang tidak disengajakan seperti terbuka, panjang, acara, dan nama.

Lihat senarai penuh peraturan

Peraturan yang paling kontroversial tidak diragukan lagi ketiadaan titik koma. Selama bertahun -tahun, orang berpendapat bahawa titik -koma harus selalu menjadi

untuk mengelakkan kesilapan, Crockford telah membuat banyak usaha untuk mempromosikan ini, tetapi ia juga mempunyai akar yang mendalam di C, di mana titik -titik besar diperlukan, jika tidak, program itu tidak akan dapat berlari. Gaya standard JavaScript mengubah pandangan saya mengenai ini, tanpa titik koma JavaScript adalah baik.

Penyisipan titik koma automatik adalah ciri JavaScript, yang mengurangkan bunyi dan memudahkan program, saya tidak pernah mengalami kesilapan kerana kekurangan titik koma, saya tidak percaya anda akan menemuinya juga. Untuk maklumat lanjut mengenai ini, lihat apakah titik koma yang diperlukan dalam JavaScript?

tidak semua orang bersetuju, dan cawangan terkenal semistandard dan kebahagiaan kuat memulihkan titik koma. Saya dapati cawangan -cawangan ini sedikit menyesal kerana mereka kelihatan terlepas makna penuh standard.

Saya tidak bersetuju dengan Peraturan X, bolehkah anda mengubahnya?

tidak. Tumpuan standard adalah untuk mengelakkan perdebatan yang tidak perlu mengenai gaya. Terdapat banyak perdebatan di Internet mengenai tab dan ruang, dan lain -lain, dan perdebatan ini tidak akan dapat diselesaikan. Hujah -hujah ini hanya akan mengalihkan perhatian dan tidak dapat menyelesaikan kerja. Pada akhirnya, anda perlu "memilih sesuatu sahaja", dan itu semua falsafah standard - ia adalah sekumpulan "pilih sahaja" perspektif yang bijak. Semoga pengguna dapat melihat nilai ini, dan bukannya mempertahankan pendapat mereka sendiri.

Secara peribadi, saya telah terbiasa dengan pengekodan tanpa titik koma, mungkin kerana saya telah mengambil masa untuk menulis Ruby, Python, dan Coffeescript, yang memerlukan kurang sintaks. Apapun alasannya, saya dapati program ini lebih jelas apabila terdapat kurang kandungan untuk dilihat.

Tahap Program Mark yang sangat baik

Pengaturcara harus memberi perhatian kepada:

1. Tanggungjawab
2. bacaan
3. kebahagiaan
4. kecekapan

Ternyata mengadopsi panduan gaya seperti Standard boleh membawa manfaat dalam semua aspek ini.

Tanggungjawab

Untuk memainkan apa -apa peranan, program mesti dilaksanakan seperti yang anda inginkan dan tanpa kesilapan. Gaya tidak akan membuat program lebih betul, tetapi Linter dapat menangkap kesilapan sebelum kesilapan diposkan.

bacaan

Sebagai pemaju profesional, kebolehbacaan kod adalah perkara yang paling penting selain menyediakan program yang berkesan. Ia memerlukan lebih banyak usaha untuk membaca dan cuba memahami program daripada menulis, jadi mengoptimumkan masa depan anda dan orang lain yang akan mewarisi kod anda. Gaya yang jelas dan boleh diramal menjadikan kod lebih mudah dibaca dan difahami.

rasa kebahagiaan pengaturcara

Apa yang paling saya sukai mengenai aspek ini ialah ia memberi tumpuan kepada orang dan bukannya mesin. Ia menduduki tempat ketiga dalam senarai semata -mata kerana keperluan pasukan untuk kod yang boleh dibaca dan berfungsi harus diutamakan atas kebahagiaan kita sendiri, tetapi itu tidak bermakna ia akan datang dengan mengorbankan kebahagiaan.

anda mahu menikmati kehidupan, bukan? Sekiranya anda dapat menyelesaikan pekerjaan dengan cepat dan kerja itu menyeronokkan, itu hebat, bukan? Bahagian ini adalah tujuan hidup. Kehidupan anda lebih baik.

- Matsumoto Yuhiro

Kehidupan adalah pendek, jangan bimbang tentang perbezaan dalam pilihan peribadi, tetapkan standard dan teruskan. Jika gaya standard menghalang perselisihan dan pergeseran di kalangan ahli pasukan, anda akan lebih bahagia kerana ini.

kecekapan

Titik terakhir, tetapi tidak sekurang -kurangnya.

Jika anda perlu menimbang mana -mana perkara ini, anda harus menghargai betul, boleh dibaca, dan membuat orang gembira

daripada

kod cepat.

komputer sangat pantas. Sekiranya program ini cukup cekap, maka tidak ada masalah. Jika anda melihat prestasi yang lemah, maka luangkan masa untuk mencari kesesakan dan membuat kod lebih cekap.

manusia sangat lambat. Adalah lebih berharga untuk meningkatkan kecekapan kami. Kejelasan yang diperoleh daripada mengadopsi gaya standard menjadikan kod anda lebih mudah difahami dan terlibat dalam sumbangan. Masa yang dibelanjakan untuk perselisihan juga telah dikurangkan, yang sangat popular.

Melaksanakan gaya standard JavaScript

Anda boleh mengadopsi piawaian tanpa sebarang alat, baca peraturan dan perhatikan peraturan yang berbeza. Cubalah selama seminggu dan lihat jika anda menyukainya. Jika anda tidak menyukainya, terus gunakan!

Terdapat juga pakej NPM untuk kod JavaScript anda.

<code>npm install standard --global</code>

Standard Running akan menjalankan semua fail JavaScript dalam direktori melalui Linter.

Di samping itu, semua editor biasa mempunyai plugin editor teks, berikut adalah cara memasang Linter dalam Atom.

<code>apm install linter
apm install linter-js-standard</code>

Secara peribadi, saya dapati program Lint automatik apabila menaip sangat mengganggu. Jika anda merasakan cara yang sama, anda mungkin lebih suka menggunakan linter ini selepas anda menyelesaikan kerja anda. Perintah standard juga mempunyai bendera yang secara automatik membetulkan kesilapan gaya tertentu, yang boleh menjimatkan masa anda.

<code>standard --fix</code>

menggunakan gaya standard JavaScript

Sekiranya anda menggunakan gaya standard? Nah, semuanya terpulang kepada anda.

Jika anda tidak mempunyai panduan gaya, maka bersiaplah untuk menangani konflik pendapat.

Jika anda telah menyempurnakan set peraturan ideal anda dan ingin menguatkuasakannya di seluruh pangkalan kod anda, Eslint mungkin apa yang anda cari.

Jika anda lebih suka tidak membuang masa anda pada butiran sintaks yang membosankan, cuba gaya standard JavaScript dan beritahu kami apa yang anda fikirkan dalam komen di bawah.

FAQs Mengenai Panduan Gaya JavaScript

Mengapa penting untuk menggunakan panduan gaya JavaScript?

Panduan Gaya JavaScript adalah satu set piawaian yang diikuti oleh pemaju ketika menulis kod JavaScript. Ia memastikan konsistensi, kebolehbacaan dan penyelenggaraan kod. Apabila pelbagai pemaju bekerja pada satu projek, adalah penting bahawa mereka semua mengikuti panduan gaya yang sama untuk mengelakkan kekeliruan dan membuat kod lebih mudah difahami dan debug. Ia juga membantu mengurangkan kemungkinan kesilapan dan kelemahan dalam kod.

bagaimana gaya elemen html menggunakan javascript?

Anda boleh menggunakan JavaScript untuk gaya elemen HTML dengan mengakses atribut gaya elemen. Sebagai contoh, jika anda mempunyai elemen dengan id "myelement", anda boleh menukar warna latarnya menjadi merah, seperti itu: document.getElementById ("MyElement"). Style.backgroundColor = "Red"; Ini menggunakan gaya CSS terus ke elemen.

Apakah panduan gaya JavaScript biasa yang biasa digunakan oleh pemaju?

Beberapa panduan gaya JavaScript yang paling biasa yang digunakan oleh pemaju termasuk panduan gaya JavaScript Airbnb, panduan gaya JavaScript Google, dan StandardJs. Panduan ini menyediakan peraturan untuk sintaks, pemformatan, dan amalan terbaik untuk memastikan bahawa kod itu bersih, konsisten, dan mudah dibaca.

Bagaimana untuk menguatkuasakan panduan gaya JavaScript dalam projek saya?

Anda boleh menguatkuasakan panduan gaya JavaScript dalam projek anda menggunakan linter seperti Eslint. Linter adalah alat yang menganalisis kod anda untuk mencari potensi kesilapan dan pelanggaran panduan gaya anda. Anda boleh mengkonfigurasi Eslint untuk mengikuti peraturan panduan gaya pilihan anda, dan ia memberi amaran kepada anda apabila kod anda melanggar peraturan ini.

Bolehkah saya membuat panduan gaya JavaScript saya sendiri?

Ya, anda boleh membuat panduan gaya JavaScript anda sendiri. Walau bagaimanapun, ia sering lebih cekap untuk menggunakan panduan gaya sedia ada yang telah diuji dan disahkan oleh masyarakat. Jika anda mempunyai keperluan khusus yang tidak dilindungi oleh panduan gaya yang sedia ada, anda boleh membuat peraturan anda sendiri dan menambahkannya ke konfigurasi Linter anda.

Apakah perbezaan antara gaya inline dan gaya luaran dalam JavaScript?

Gaya inline digunakan secara langsung kepada elemen HTML menggunakan atribut gaya, manakala gaya luaran ditakrifkan dalam fail CSS berasingan dan dikaitkan dengan dokumen HTML. Walaupun gaya inline sangat mudah untuk projek -projek kecil atau perbaikan cepat, untuk projek -projek besar, gaya luaran sering disukai kerana mereka dapat meningkatkan kebolehgunaan dan pemisahan kebimbangan.

Bagaimana menggunakan JavaScript untuk mengeluarkan gaya dari elemen HTML?

Anda boleh menggunakan JavaScript untuk mengeluarkan gaya dari elemen HTML dengan menetapkan atribut gaya ke rentetan kosong. Sebagai contoh, untuk mengeluarkan warna latar belakang dari elemen dengan id 'myelement', anda boleh melakukan perkara berikut: document.getElementById ("MyElement"). Style.backgroundColor = ""; Ini akan mengeluarkan gaya sebaris dari elemen.

Apakah manfaat menggunakan Linter With JavaScript Style Guide?

Menggunakan Linter dengan Panduan Gaya JavaScript boleh membantu anda menangkap kesilapan dan ketidakkonsistenan sebelum mereka menjadi masalah. Ia juga boleh membantu anda menulis lebih bersih, lebih mudah membaca kod dengan menguatkuasakan amalan terbaik dan peraturan gaya. Di samping itu, ia dapat menjimatkan masa anda dengan menetapkan beberapa jenis kesilapan dan isu pemformatan secara automatik.

Bagaimana menggunakan JavaScript untuk memohon pelbagai gaya untuk elemen HTML?

Anda boleh menggunakan JavaScript untuk memohon pelbagai gaya untuk elemen HTML dengan menetapkan pelbagai sifat gaya. Sebagai contoh, untuk menetapkan warna latar belakang dan saiz fon elemen dengan id 'myelement', anda boleh melakukan perkara berikut: var elem = document.getElementById ("MyElement"); elem.style.backgroundColor = "Red"; elem.style.fontsize = "20px"; Ini menggunakan kedua -dua gaya ke elemen.

Bolehkah saya menggunakan JavaScript untuk gaya pseudo-unsur?

Tidak, JavaScript tidak boleh secara langsung gaya pseudo-elemen seperti :: sebelum dan :: Selepas. Ini adalah sebahagian daripada spesifikasi CSS dan hanya boleh digunakan untuk menggayakannya. Walau bagaimanapun, anda boleh menambah atau membuang kelas ke elemen menggunakan JavaScript, dan kelas-kelas ini boleh mempunyai gaya berkaitan pseudo-elemen dalam CSS anda.

Atas ialah kandungan terperinci Mengapa saya menggunakan panduan gaya JavaScript dan mengapa anda juga perlu. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!