Jadual Kandungan[Sembunyi][Tunjukkan]
- 1. Tingkatkan Pengetahuan Asas Anda
- 2. Gunakan strategi berorientasikan objek
- 3. Gunakan fungsi walaupun ia kecil
- 4. Daripada ==, gunakan ===
- 5. Gunakan JSLint
- 6. Skrip hendaklah diletakkan di bahagian bawah halaman anda
- 7. Cara Terpantas untuk Membuat Rentetan
- 8. Tambahkan ulasan pada kod anda
- 9. Gunakan Literal Template
- 10. Iterator dan untuk … Gelung
- 11. Gunakan {} Daripada Objek() baharu
- 12. Pertimbangkan untuk meletakkan let dan const dalam kod anda
- 13. eval() Bukan Idea yang Baik
- 14. Operator Spread sangat berguna
- 15. tunggu dan tidak segerak
- 16. Gunakan kaedah includes() dalam Javascript
- 17. Alih keluar item daripada tatasusunan menggunakan Splice
- 18. Gunakan Fungsi Anak Panah
- 19. Dengan Pemusnahan, anda boleh menetapkan nilai pembolehubah dengan cepat
- 20. Buat beberapa projek
- Kesimpulan
Jika anda pernah berminat dalam pembangunan web, anda mungkin pernah menjumpai JavaScript. Bahasa pengaturcaraan berorientasikan objek ialah JavaScript. Pembangun menggunakannya untuk menjadikan sisi klien (hujung hadapan) halaman web dinamik dan interaktif.
Ia juga digunakan untuk membuat halaman web dan apl web, dengan HTML dan CSS. Tiada halaman web di internet pada masa kini yang tidak mempunyai kod JavaScript. Ia telah menjadi satu aspek yang tidak dapat dipisahkan dalam tugas pembangun.
Sesungguhnya ia semakin meningkat. Walaupun JavaScript diiktiraf paling baik untuk menyediakan kefungsian kepada halaman web, ia juga digunakan dalam persekitaran bukan JavaScript. Node.js, Apache Couch-DB dan Adobe Acrobat adalah contoh teknologi ini. Untuk menjalankan JavaScript, kebanyakan pelayar web moden mengandungi enjin pelaksanaan JavaScript terbina dalam. Jika anda ingin menjadi pembangun web yang berjaya, anda perlu berurusan dengan JavaScript.
Anda mesti mengatasinya hari ini atau esok. Mengapa tidak belajar JavaScript lebih awal supaya anda bersedia apabila tiba masanya?
Inilah yang akan anda pelajari dalam sesi ini. Ia menerangkan cara untuk kekal selangkah di hadapan rakan pembangun web anda dengan menggilap JavaScript anda.
Mari kita mulakan!
1. Tingkatkan Pengetahuan Asas Anda
Saya akan mulakan dengan pemikiran dan pernyataan yang benar-benar asas yang anda dengar sejak anda masih muda. Pelajari asas-asasnya dan amalkan. Banyak kali, anda akan menggunakan logik dengan pengekodan, tetapi anda akan lupa bahawa sudah ada fungsi terbina dalam untuknya, seperti menghiris tatasusunan. Apabila anda menjalankan kod JavaScript, anda boleh mendapat ralat, dan akibatnya, banyak ciri tambahan berhenti berfungsi.
Ini boleh disebabkan oleh satu titik bertindih atau koma terbalik. Perkara ini berlaku akibat kurangnya pemahaman tentang asas. Banyak kali dalam satu program, gelung asas seperti untuk, yang, atau lakukan semasa digunakan. Gelung adalah salah satu binaan pengaturcaraan yang paling asas.
Ia agak sukar untuk membuat kod dan juga mempunyai peluang untuk bekerja untuk firma jika anda tidak biasa dengan gelung dan asas-asas lain. Meneliti asas anda adalah penting kerana ia menyediakan asas yang kukuh untuk membangunkan logik dan reputasi rumit penyelesaian.
2. Gunakan strategi berorientasikan objek
Kaedah berorientasikan objek adalah pendekatan pengaturcaraan yang paling terkenal hari ini. Pendekatan berorientasikan objek, yang bermula dengan C++, telah berkembang dengan sangat popular sejak itu. Hari ini, hanya pengaturcaraan berorientasikan objek digunakan untuk mencipta semua bahasa utama. Strategi berorientasikan objek ialah strategi yang tertumpu pada objek tertentu.
Item itu kemudiannya menjadi entiti asas. Objek ini kemudiannya digunakan untuk menambah atribut dan fungsi pada halaman sebagai asas. Anda juga boleh menggunakan kaedah tradisional untuk mencipta kod dari atas ke bawah tanpa sebarang fungsi atau objek. Ini terlalu luas dan tidak boleh dicuba. Apabila membangunkan kod, kita harus menggunakan pendekatan berfungsi, dan jika kita menggunakan fungsi, kita harus menggunakan objek.
Jadi, pada permulaannya, berusaha untuk menukar kod meluas anda kepada kod berorientasikan objek dan sentiasa tulis kod anda dalam gaya berorientasikan objek. Apabila anda mengkaji kod orang lain, anda akan sentiasa melihat teknik berorientasikan objek. Jika anda ingin menguasai JavaScript, sebaiknya anda menguasainya.
3. Gunakan fungsi walaupun ia kecil
Pengaturcaraan dengan pendekatan berfungsi adalah cara yang hebat untuk dilakukan. kenapa? Ia memisahkan perisian anda kepada modul yang berfungsi bersama tetapi masih berbeza antara satu sama lain. Biar saya berikan satu contoh untuk membantu anda memahami.
Purata Purata Purata bagi integer boleh dikira menggunakan fungsi. Untuk berbuat demikian, anda mesti kuasa dua integer, mengira min mereka, dan kemudian mengira punca kuasa dua min. Terdapat tiga fasa dalam proses tersebut. Akibatnya, kita boleh menggunakan tiga fungsi. Tetapi, seperti yang anda lihat, semua fungsi ini saling berkaitan. Keluaran satu dihantar ke yang lain, dan kami menerima hasil muktamad.
Mari kita berpura-pura bahawa bukannya tiga fungsi, anda hanya memerlukan satu untuk mengira RMS berdasarkan pelbagai faktor. Penyelesaian terakhir, seperti yang anda lihat, adalah tidak betul. Agak sukar bagi anda untuk menentukan apa yang telah berlaku dalam acara yang begitu besar pada ketika ini.
Mempunyai tiga fungsi kecil, sebaliknya, akan membolehkan anda menganalisis dengan cepat. Akibatnya, walaupun fungsinya sederhana, gunakannya untuk menentukan modul kod yang berbeza. Teknik ini akan membantu anda menjadi pakar JavaScript seperti sihir.
Sekarang, mari kita lihat beberapa petua pengekodan JavaScript.
4. Daripada ==, gunakan ===
Dalam JavaScript, terdapat dua jenis pengendali kesaksamaan: pengendali kesaksamaan yang ketat === dan !==, dan pengendali kesaksamaan tidak ketat == dan !=. Apabila membandingkan, ia dianggap sebagai amalan terbaik untuk sentiasa menggunakan kesaksamaan yang tepat. Apabila bekerja dengan == dan !=, walaupun, anda akan menghadapi masalah apabila berurusan dengan jenis yang berbeza.
Apabila jenis nilai, yang anda bandingkan adalah berbeza, pengendali yang tidak ketat akan cuba memaksa nilai mereka, yang mungkin membawa kepada hasil yang tidak dijangka.
5. Gunakan JSLint
Douglas Crockford mencipta JSLint, penyahpepijat. Hanya masukkan skrip anda ke dalam kotak, dan ia akan mengimbasnya dengan pantas untuk sebarang pepijat atau kecacatan.
JSLint memeriksa fail sumber JavaScript. Jika masalah ditemui, ia menghantar mesej dengan perihalan isu dan kedudukan anggaran dalam sumber. Isu ini tidak selalunya ralat sintaksis, walaupun ia sering berlaku.
JSLint mengkaji kedua-dua norma gaya dan isu struktur. Ia tidak menunjukkan bahawa perisian anda adalah tepat. Ia hanya menambah sepasang mata lain untuk membantu dalam pengesanan isu. Sebelum anda menandatangani skrip, jalankannya melalui JSLint untuk memastikan anda tidak melakukan sebarang kesilapan.
6. Skrip hendaklah diletakkan di bahagian bawah halaman anda
Matlamat utama pengguna adalah untuk halaman dimuatkan secepat mungkin. Penyemak imbas tidak boleh meneruskan memuatkan skrip sehingga fail lengkap dimuatkan. Akibatnya, pengguna perlu menunggu lebih lama untuk melihat sebarang kemajuan.
Jika anda mempunyai fail JS yang hanya digunakan untuk menyediakan kefungsian (contohnya, sebaik sahaja butang ditekan), letakkannya di bahagian bawah halaman, betul-betul sebelum teg isi penutup. Ini sudah pasti amalan terbaik.
7. Cara Terpantas untuk Membuat Rentetan
Apabila anda perlu mengelilingi tatasusunan atau objek, jangan selalu gunakan pernyataan gelung amanah anda. Gunakan imaginasi anda untuk menghasilkan penyelesaian terpantas untuk tugas yang sedang dijalankan. Saya tidak akan membawa anda nombor; anda hanya perlu mempercayai saya (atau menguji sendiri).
Ini adalah teknik terpantas setakat ini.
8. Tambahkan ulasan pada kod anda
Ia mungkin kelihatan sia-sia pada mulanya, tetapi percayalah apabila saya mengatakan bahawa anda harus mengulas kod anda sekerap mungkin. Bagaimana jika anda kembali ke projek beberapa bulan kemudian dan tidak dapat mengingati proses pemikiran asal anda?
Bagaimana jika kod anda perlu dikemas kini oleh salah seorang rakan sekerja anda? Bidang penting kod anda hendaklah sentiasa diulas.
9. Gunakan Literal Template
Kekangan rentetan yang dibuat dengan petikan berganda atau tunggal adalah banyak. Untuk membuat kerja dengan mereka lebih mudah, anda mungkin memilih untuk menggantikan beberapa rentetan anda dengan literal templat.
Aksara backtick (') digunakan untuk membina literal templat, yang mempunyai beberapa kelebihan. Anda boleh menggunakannya untuk menyimpan ungkapan atau membina rentetan berbilang baris.
Seperti yang anda lihat, tidak seperti literal rentetan konvensional yang dibina dengan petikan tunggal atau berganda, kami tidak perlu berulang kali masuk dan keluar dari literal templat kami. Ini meminimumkan kemungkinan kesilapan menaip dan membolehkan kami menulis kod yang lebih bersih.
10. Iterator dan untuk … Gelung
Iterator ialah objek dalam JavaScript yang melaksanakan kaedah next() untuk mengembalikan objek yang menyimpan nilai seterusnya dalam urutan serta benar atau salah bergantung pada sama ada terdapat nilai yang tinggal. Ini bermakna jika anda melaksanakan protokol iterator, anda boleh membina objek iterator anda sendiri.
Terdapat beberapa iterator terbina dalam dalam JavaScript, seperti String, Array, Map dan sebagainya. Anda boleh gunakan untuk … daripada gelung untuk mengulanginya. Jika dibandingkan dengan gelung biasa, ini lebih ringkas dan kurang terdedah kepada ralat. Kita tidak perlu menjejaki panjang lengkap tatasusunan atau indeks semasa menggunakan gelung for…of. Apabila mereka bentuk gelung bersarang, ini mungkin membantu untuk memudahkan kod.
11. Gunakan {} Daripada Objek() baharu
Dalam JavaScript, anda boleh membuat objek dalam pelbagai cara. Menggunakan pembina baharu, seperti yang ditunjukkan, adalah cara yang lebih konvensional. Strategi ini, sebaliknya, ditandakan sebagai "amalan buruk."
Ia tidak merosakkan, tetapi ia sedikit perkataan dan unik. Saya mencadangkan sebaliknya menggunakan teknik literal objek.
12. Pertimbangkan untuk meletakkan let dan const dalam kod anda
Kita boleh menggunakan kata kunci let untuk membuat pembolehubah tempatan yang diskop ke blok mereka sendiri. Kita boleh menggunakan kata kunci const untuk membina pembolehubah berskop blok tempatan yang tidak boleh diubah.
Apabila mengisytiharkan pembolehubah, anda harus mempertimbangkan untuk menggunakan kata kunci let dan const apabila berkenaan. Ingat bahawa kata kunci const hanya melumpuhkan penugasan semula. Ia tidak menjadikan pembolehubah tidak boleh diubah, sama ada.
13. eval() Bukan Idea yang Baik
Kaedah eval(), bagi mereka yang tidak sedar, membenarkan kami mengakses pengkompil JavaScript. Pada asasnya, kita boleh menggunakan eval untuk melaksanakan hasil rentetan dengan membekalkannya sebagai input ().
Ini bukan sahaja akan memperlahankan skrip anda dengan ketara, tetapi ia juga menawarkan kebimbangan keselamatan yang ketara kerana ia memberikan teks yang diluluskan terlalu banyak kuasa. Elakkan ia pada semua kos!
14. Operator Spread sangat berguna
Pernahkah anda perlu menghantar semua item dalam tatasusunan sebagai elemen individu ke fungsi lain, atau adakah anda perlu meletakkan semua nilai dari satu tatasusunan ke yang lain? Inilah sebenarnya yang boleh dicapai oleh operator spread (…) untuk kami capai. Berikut adalah ilustrasi.
15. tunggu dan tidak segerak
Cipta fungsi tak segerak menggunakan kata kunci async, yang sentiasa mengembalikan janji, sama ada secara eksplisit atau tersirat.
Kata kunci tunggu boleh digunakan dalam fungsi tak segerak untuk menghentikan pelaksanaan sehingga resolusi pemulangan janji selesai. Di luar fungsi async anda, kod akan terus berjalan seperti biasa.
16. Gunakan kaedah includes() dalam Javascript
Dalam JavaScript, fungsi includes() menentukan sama ada rentetan mengandungi aksara yang dibekalkan atau sama ada tatasusunan mengandungi elemen yang ditentukan.
Kaedah ini mengembalikan benar jika rentetan atau elemen ditemui; jika tidak, ia kembali palsu. Perlu dinyatakan bahawa fungsi Strings contains() adalah sensitif huruf besar-besaran. Jika anda ingin memadankan rentetan tanpa mengira kes, hanya huruf kecilkan teks sasaran dahulu.
17. Alih keluar item daripada tatasusunan menggunakan Splice
Untuk mengalih keluar item daripada tatasusunan, saya telah melihat pembangun menggunakan fungsi padam. Ini adalah salah kerana, daripada memadamkan objek, kaedah padam menggantikannya dengan undefined.
Cara paling mudah untuk mengalih keluar elemen daripada tatasusunan bergantung pada nilainya dalam JavaScript ialah menggunakan fungsi indexOf() untuk mendapatkan nombor indeks nilai tersebut dalam tatasusunan, kemudian padamkan nilai indeks itu dengan kaedah splice().
18. Gunakan Fungsi Anak Panah
Fungsi anak panah ialah satu lagi ciri penting yang baru sahaja ditambahkan pada JavaScript.
Mereka mempunyai banyak kelebihan. Sebagai permulaan, mereka menjadikan bahagian fungsi JavaScript lebih menarik secara visual dan lebih mudah untuk ditulis. Walau bagaimanapun, menggunakan fungsi anak panah menjadikan ini lebih mudah dibaca dan ringkas.
19. Dengan Pemusnahan, anda boleh menetapkan nilai pembolehubah dengan cepat
Terdahulu dalam siaran ini, kami mengetahui tentang pengendali penyebaran dalam JavaScript. Pemusnahan adalah serupa dengan pemusnahan kerana ia juga membongkar data yang terkandung dalam tatasusunan.
Perbezaannya ialah nilai yang tidak dibungkus ini boleh diberikan kepada pembolehubah yang berbeza. Sintaks adalah sama dengan pintasan [] apabila membentuk tatasusunan. Kurungan, bagaimanapun, diletakkan di sebelah kiri pengendali tugasan kali ini. Berikut adalah ilustrasi.
20. Buat beberapa projek
Mana-mana bakat memerlukan latihan yang konsisten, jadi cuba untuk membina pelbagai projek untuk mengasah kebolehan anda dan mendapatkan kepakaran dengan pelbagai senario pengaturcaraan.
Semasa mengerjakan projek, anda akan mengalami beberapa cabaran dan kesilapan, yang akan memberikan anda kepakaran yang diperlukan. Jadi cuba buat projek, dan terdapat banyak idea dan contoh di internet untuk membantu anda. Teruskan membangunkan kod, dan kebolehan anda akan bertambah baik.
Kesimpulan
Mungkin sukar untuk mempelajari bahasa komputer seperti JavaScript. Jika anda serius untuk menjadi seorang pengaturcara yang baik dan mendapatkan pekerjaan pertama anda, maka strategi pembelajaran JavaScript ini boleh membantu anda mempercepatkan proses pembelajaran anda.
Pastikan anda berlatih pengekodan secara tetap, ambil nota yang teliti sambil mempelajari idea baharu dan gunakan semua alatan yang boleh diakses oleh anda. Di atas semua itu, keluar dari sana dan mulakan pengekodan sambil berseronok.
Sila tinggalkan balasan anda