1. ใช้รหัสการจัดการไฟล์ JS
รหัสทั้งหมดควรอยู่ในไฟล์ JS ให้มากที่สุดเท่าที่จะเป็นไปได้จากนั้นนำเข้าในไฟล์ HTML โดยใช้สคริปต์ เมื่อแนะนำโปรดให้ความสนใจกับแท็กร่างกายและอย่าใช้ประเภทหรือภาษา
2. การเขียนเยื้อง
ใช้พื้นที่ว่างเปล่า 4 ช่องว่างให้ระวังอย่าใช้ปุ่มแท็บเพื่อเยื้อง
3. การทำลายประโยค
ให้ความสนใจกับความยาวของเส้น แต่ละบรรทัดไม่เกิน 80 อักขระ หากเกินกว่าที่จะทำประโยคที่เหมาะสม การทำลายประโยคควรดำเนินการหลังจากผู้ให้บริการ อุดมคติคือการทำให้ประโยคแตกหลังจากเครื่องหมายจุลภาค (,) หลังจากการทำลายประโยคบรรทัดถัดไปจะถูกเยื้องโดยใช้ 8 กริด
4. หมายเหตุ
โดยทั่วไปจะใช้ความคิดเห็นบรรทัดเดียวและโดยทั่วไปจะใช้ความคิดเห็นบล็อกในเอกสาร
5. การประกาศตัวแปร
ตัวแปรทั้งหมดจะถูกประกาศก่อนการใช้งานและตัวแปรที่ไม่ได้ประกาศจะถูกใช้เป็นตัวแปรทั่วโลกโดยอัตโนมัติ ควรใช้ตัวแปรทั่วโลกน้อยลงในข้อความทั้งหมด
เป็นการดีที่สุดที่จะใช้การประกาศตัวแปรทั้งหมดในหนึ่ง VAR และการประกาศแต่ละครั้งจะถูกวางบรรทัดแยกต่างหากและเพิ่มคำแนะนำความคิดเห็น หากตัวแปรที่ประกาศทั้งหมดสามารถแสดงตามลำดับอักขระดังต่อไปนี้:
การคัดลอกรหัสมีดังนี้:
var currententry, // รายการตารางที่เลือกในปัจจุบัน
ระดับ; // ระดับเยื้อง
กำหนดตัวแปรทั้งหมดที่ด้านบนของร่างกายฟังก์ชั่นและ VAR จะปรากฏในบรรทัดแรกของร่างกายฟังก์ชั่น
6. การประกาศฟังก์ชั่น
ควรประกาศฟังก์ชั่นทั้งหมดก่อนการใช้งานและหลังตัวแปร --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
ไม่ควรมีช่องว่างในชื่อฟังก์ชันและวงเล็บ ไม่ควรมีช่องว่างระหว่างตัวยึดปิด (ไม่ควรมีช่องว่างระหว่างพารามิเตอร์ฟังก์ชัน; ตัวยึดซ้าย) และตัวยึดร่างกายฟังก์ชั่น {; ร่างกายฟังก์ชั่นเยื้อง 4 ช่องว่าง; ฟังก์ชัน Body Ends Bracket} ได้รับการจัดแนวกับฟังก์ชั่นการประกาศฟังก์ชั่นฟังก์ชันตัวอักษรตัวแรก รหัสต่อไปนี้:
การคัดลอกรหัสมีดังนี้:
ฟังก์ชั่นด้านนอก (C, D) {
var e = c * d;
ฟังก์ชั่นด้านใน (a, b) {
return (e * a) + b;
-
กลับเข้าด้านใน (0,1);
-
ฟังก์ชั่นและวัตถุสามารถวางได้ทุกที่ที่อนุญาตให้มีการแสดงออก
ฟังก์ชั่นคำหลักฟังก์ชันที่ไม่ระบุชื่อและวงเล็บเปิด (มีช่องว่างระหว่างมัน
พยายามใช้ฟังก์ชั่นทั่วโลกให้น้อยที่สุด
สำหรับการดำเนินการทันทีของฟังก์ชั่นควรวางนิพจน์การโทรทั้งหมดในคู่ของวงเล็บ () เพื่อชี้แจงว่าค่าของตัวแปรเป็นผลมาจากการดำเนินการฟังก์ชั่นมากกว่าฟังก์ชั่นเอง รหัสต่อไปนี้:
การคัดลอกรหัสมีดังนี้:
var result = (function () {
var key = "";
กลับ {
รับ: function () {
กุญแจกลับ;
-
ชุด: ฟังก์ชัน (คีย์) {
คีย์ = คีย์;
-
-
-
7. การตั้งชื่อ
ตั้งชื่อด้วยตัวอักษรตัวเลขและขีดเส้นใต้หลีกเลี่ยงการใช้อักขระนานาชาติสัญญาณดอลลาร์ $ และแบ็คสแลช/
อย่าใช้ขีดเส้นใต้เป็นตัวละครแรกของชื่อ
ตัวแปรและฟังก์ชั่นส่วนใหญ่มีชื่อเริ่มต้นด้วยตัวอักษรตัวพิมพ์เล็ก
ตัวสร้างจะต้องเริ่มต้นด้วยตัวอักษรตัวใหญ่ หากคุณละเว้นใหม่ใน JS คุณจะไม่รายงานข้อผิดพลาด (รวบรวมหรือเรียกใช้ข้อผิดพลาด) แต่เป็นการดีที่สุดที่จะไม่ละเว้น
ตัวแปรทั่วโลกมีชื่ออยู่ในเมืองหลวงทั้งหมด (ไม่มีแนวคิดของมาโครและค่าคงที่ใน JS)
8. ประโยค
คำสั่งง่ายๆ
ส่วนใหญ่หนึ่งคำสั่งต่อบรรทัดและใช้เครื่องหมายอัฒภาค; ในตอนท้ายโปรดทราบว่าข้อความที่กำหนดด้วยตัวอักษรฟังก์ชั่นและตัวอักษรวัตถุควรใช้เครื่องหมายอัฒภาค;
JS อนุญาตให้ตัวแปรใด ๆ เป็นคำสั่ง แต่อาจทำให้เกิดข้อผิดพลาดบางอย่างเมื่อแทรกเครื่องหมายอัฒภาค ดังนั้นข้อความทั่วไปที่ใช้การแสดงออกคือคำสั่งการกำหนดหรือฟังก์ชั่นการโทร (ฉันเข้าใจประโยคภาษาอังกฤษดั้งเดิมนี้อย่างคร่าวๆ แต่ฉันไม่รู้วิธีการแปลให้ดีขึ้น)
คำสั่งผสม (คำสั่งที่มีอยู่ระหว่างคู่ของ {})
คำแถลงภายในถูกเยื้องโดย 4 ช่องว่าง
วงเล็บเปิด {ควรจะอยู่ในตอนท้ายของบรรทัดคำสั่งเริ่มต้น
วงเล็บปิดควรเป็นบรรทัดแยกต่างหากในตอนท้ายและจัดแนวกับตัวละครแรกของเส้นที่มีตัวยึดเปิดอยู่
เมื่อคำสั่งอยู่ในคำสั่งควบคุม (เช่นสำหรับถ้า ฯลฯ ) คำสั่งควรถูกล้อมรอบด้วยการจัดฟันโค้ง {} แม้ว่าจะมีคำสั่งเดียวเท่านั้นซึ่งทำให้มั่นใจได้ว่าจะไม่มีข้อบกพร่องเมื่อเพิ่มคำสั่ง
9. ฉลาก (ความเข้าใจในส่วนนี้ไม่ถูกต้องมาก)
คำสั่งที่จะใช้ฉลากเป็นตัวเลือกมีเพียงสิ่งต่อไปนี้: ในขณะที่, ทำ, ทำ, สวิตช์
10. คำสั่ง Return
ค่าที่ส่งคืนควรอยู่ในวงเล็บและนิพจน์การส่งคืนควรอยู่ในบรรทัดเดียวกับคำหลักที่ส่งคืน (หลีกเลี่ยงการแทรกใหม่ของเครื่องหมายอัฒภาค)
11. ถ้าคำสั่ง
ทำตามรูปแบบต่อไปนี้:
การคัดลอกรหัสมีดังนี้:
ถ้า (เงื่อนไข) {
งบ
-
ถ้า (เงื่อนไข) {
งบ
} อื่น {
งบ
-
ถ้า (เงื่อนไข) {
งบ
} อื่นถ้า (เงื่อนไข) {
งบ
} อื่น {
งบ
-
12. สำหรับคำสั่ง
ทำตามรูปแบบต่อไปนี้:
การคัดลอกรหัสมีดังนี้:
สำหรับ (initiliazation; เงื่อนไข; อัปเดต) {
งบ
-
สำหรับ (ตัวแปรในวัตถุ) {
ถ้า (ตัวกรอง) {
งบ
-
-
รูปแบบลูปแรกใช้สำหรับอาร์เรย์และตัวแปรที่สามารถกำหนดจำนวนการวนซ้ำได้
ที่สองใช้สำหรับการสำรวจวัตถุ
หมายเหตุ: มีการกล่าวถึงที่นี่ว่าคุณสมบัติที่เพิ่มเข้ามาในต้นแบบของวัตถุนั้นมีการระบุดังนั้นเราจำเป็นต้องใช้วิธีการ HasownProperty สำหรับการกรอง แต่เมื่อฉันทดสอบด้วยรหัสสำหรับในรหัส ฉันไม่รู้ว่าปัญหาอยู่ที่ไหน
13. ในขณะที่คำสั่ง
ทำตามรูปแบบต่อไปนี้:
การคัดลอกรหัสมีดังนี้:
ในขณะที่ (เงื่อนไข) {
งบ
-
14. คำสั่งทำในขณะที่
ทำตามรูปแบบต่อไปนี้:
การคัดลอกรหัสมีดังนี้:
ทำ {
งบ
} ในขณะที่ (เงื่อนไข);
เพิ่มเครื่องหมายอัฒภาคในตอนท้ายของคำสั่ง
15. คำสั่งสวิตช์
ทำตามรูปแบบต่อไปนี้:
การคัดลอกรหัสมีดังนี้:
สวิตช์ (นิพจน์) {
การแสดงออกของกรณี:
งบ
ค่าเริ่มต้น:
งบ
-
แต่ละกรณีจะต้องจัดตำแหน่งกับสวิตช์เพื่อหลีกเลี่ยงการเยื้องมากเกินไป เฉพาะแท็กกรณีไม่ใช่คำสั่งและไม่ควรเยื้อง
แต่ละคำสั่งกรณี (ยกเว้นค่าเริ่มต้น) จะต้องจบลงด้วยการหยุดพักหรือส่งคืนหรือโยน
16. ลองคำสั่ง
ทำตามรูปแบบต่อไปนี้:
การคัดลอกรหัสมีดังนี้:
พยายาม {
งบ
} catch (ตัวแปร) {
งบ
-
พยายาม {
งบ
} catch (ตัวแปร) {
งบ
} ในที่สุด {
งบ
-
17. ดำเนินการต่อ
หลีกเลี่ยงการใช้งบดำเนินการต่อ
18. พร้อมคำสั่ง
ไม่ควรใช้คำสั่งด้วย
19. ใช้ช่องว่าง
ตั้งค่าบรรทัดว่างให้แยกส่วนโค้ดที่เกี่ยวข้องอย่างมีเหตุผลเพื่อปรับปรุงความสามารถในการอ่านรหัส
ตั้งช่องว่างเมื่อ:
คำหลักตามด้วยวงเล็บซ้าย (เพื่อใช้ช่องว่างตัวอย่างเช่น:
ในขณะที่ (จริง) {
คุณไม่สามารถใช้ช่องว่างระหว่างพารามิเตอร์ฟังก์ชั่นและวงเล็บเปิด (
ตัวดำเนินการไบนารียกเว้น dot (.), ตัวยึดซ้าย (() และวงเล็บสี่เหลี่ยมจัตุรัส ([) จะต้องแยกออกจากตัวถูกดำเนินการโดยใช้พื้นที่
ไม่ควรมีช่องว่างระหว่างตัวดำเนินการ Unary ยกเว้น typeof และตัวถูกดำเนินการ
คำสั่งสำหรับควบคุมแต่ละเครื่องหมายอัฒภาคในบล็อก (); ตามด้วยพื้นที่
เครื่องหมายจุลภาคแต่ละครั้งจะต้องมีพื้นที่ตาม
20. คำแนะนำเพิ่มเติม
[]และ{}
ใช้อาร์เรย์เมื่อชื่อสมาชิกเป็นจำนวนเต็มต่อเนื่องและวัตถุเมื่อชื่อสมาชิกเป็นสตริงและชื่อโดยพลการ
ใช้ {} แทนวัตถุใหม่ () และ [] แทนอาร์เรย์ใหม่ ()
เครื่องหมายจุลภาคผู้ประกอบการ
หลีกเลี่ยงการใช้เครื่องหมายจุลภาคตัวดำเนินการ (บทบัญญัตินี้ไม่ได้ใช้กับตัวอักษรวัตถุคำจำกัดความที่แท้จริงของอาเรย์คำสั่งการประกาศ VAR และรายการพารามิเตอร์)
ขอบเขตระดับบล็อก
ยกเว้นคำสั่งที่สอดคล้องกันที่ไม่ได้ใช้บล็อกคำสั่ง JS ไม่มีขอบเขตระดับบล็อกเพียงขอบเขตฟังก์ชัน
การแสดงออกที่ได้รับมอบหมาย
ส่วนการตัดสินแบบมีเงื่อนไขในขณะที่และถ้างบหลีกเลี่ยงการใช้งบการมอบหมาย
=== และ! ==
ใช้สัญลักษณ์ที่สอดคล้องกัน (=== และ! ==) เพื่อกำหนดความเท่าเทียมกันและหลีกเลี่ยงการใช้สัญลักษณ์การแปลงความเท่าเทียมกันแบบบังคับ (== และ! =)
หากมีการเพิ่มตัวเลข (หรือ -) ตัวเลขที่มีสัญลักษณ์ (+ หรือ -) หรือตัวเลขที่มี (++ หรือ -) จากนั้นตัวเลขที่มีสัญลักษณ์หรือ (++ หรือ -) จะต้องมีการปิดล้อม
Eval เป็นปีศาจ (Eval Abuse L)
มีสถานการณ์เดียวกันในการประเมินไม่ควรใช้ตัวสร้างฟังก์ชั่นและไม่ควรส่งสายไปยังฟังก์ชัน settimeout หรือ setInterval
ข้อเสนอแนะ 20 ข้อข้างต้นสรุปโดยฉันในโครงการ พวกเขาควรจะช่วยผู้เริ่มต้นเล็กน้อยในการเรียนรู้ JavaScript พวกเขาทั้งหมดเป็นประสบการณ์ส่วนตัว มีแง่มุมที่ไม่สมบูรณ์อย่างหลีกเลี่ยงไม่ได้ หากคุณพบพวกเขาโปรดบอกฉัน ที่นี่เราจะนำไปสู่ความก้าวหน้าของทุกคน