ข้อกำหนดโค้ด JavaScript
โครงการทั้งหมด JavaScript ใช้สเปคเดียวกัน
ข้อกำหนดโค้ด JavaScript
รายละเอียดรหัสโดยทั่วไปรวมถึงด้านต่อไปนี้:
- การตั้งชื่อตัวแปรและฟังก์ชั่น
- ช่องว่างเยื้องความคิดเห็นกฎการใช้งาน
- ข้อกำหนดทั่วไปอื่น ๆ ......
รหัสมาตรฐานง่ายต่อการอ่านและการบำรุงรักษา
รหัสของบทบัญญัติทั่วไปในการพัฒนาของอดีตที่คุณสามารถมีสมาชิกในทีมของคุณจะเจรจาต่อรองการตั้งค่า
ชื่อตัวแปร
ชื่อตัวแปรวิธีที่แนะนำอูฐชื่อ (CamelCase):
นามสกุล = "โด";
ราคา = 19.90;
ภาษี = 0.20;
fullPrice = ราคา + (ราคา * ภาษี);
พื้นที่และผู้ประกอบการ
โดยปกติผู้ประกอบการ (= + - * /) เพื่อเพิ่มพื้นที่ก่อนและหลัง:
ตัวอย่าง:
ค่า var = [ "Volvo", "ซาบ", "เฟียต"];
รหัสเยื้อง
มักจะใช้สัญลักษณ์สี่ช่องว่างเพื่อเยื้องบล็อกของรหัส:
ฟังก์ชั่น:
ผลตอบแทน (5/9) * ( ฟาเรนไฮต์ - 32);
}
ไม่แนะนำให้ใช้แป้น TAB เพื่อเยื้องเป็นบรรณาธิการที่แตกต่างกันแป้น TAB ไม่ได้แก้ปัญหาเดียวกัน |
กฎงบ
งบที่เรียบง่ายของกฎทั่วไป:
- มักจะเป็นสัญลักษณ์คำสั่ง Terminator
ตัวอย่าง:
คน var = {
ชื่อ: "จอห์น"
สกุล: "กวาง"
อายุ: 50
สีดวงตา: "สีฟ้า"
};
กฎทั่วไปสำหรับคำสั่งที่ซับซ้อน:
- รั้งที่ปลายด้านซ้ายของแถวแรก
- เพิ่มช่องว่างก่อนวงเล็บปีกกา
- รั้งอยู่บนเส้นอิสระ
- ไม่ได้จบลงด้วยอัฒภาคคำสั่งที่ซับซ้อน
ฟังก์ชั่น:
ผลตอบแทน (5/9) * ( ฟาเรนไฮต์ - 32);
}
วงจร:
x + = ฉัน;
}
งบเงื่อนไข:
ทักทาย = "วันดี";
} else {
ทักทาย = "เย็นดี";
}
กฎวัตถุ
กฎวัตถุกำหนด:
- รั้งที่เหลืออยู่บนเส้นเดียวกันกับชื่อชั้น
- ระหว่างลำไส้ใหญ่และค่าแอตทริบิวต์ที่มีช่องว่าง
- ใช้คำพูดสองสตริงตัวเลขไม่ได้
- สุดท้ายแอตทริบิวต์ - มูลค่าที่ด้านหลังไม่ได้เพิ่มเครื่องหมายจุลภาค
- รั้งอยู่บนเส้นที่เป็นอิสระและสัญลักษณ์เป็นสัญลักษณ์ที่สิ้นสุด
ตัวอย่าง:
ชื่อ: "จอห์น"
สกุล: "กวาง"
อายุ: 50
สีดวงตา: "สีฟ้า"
};
รหัสวัตถุสั้นสามารถเขียนได้โดยตรงไปยังบรรทัด:
ตัวอย่าง:
น้อยกว่า 80 ตัวอักษรในแต่ละบรรทัดของรหัส
เพื่อความสะดวกในการอ่านขอแนะนำให้น้อยกว่าจำนวนตัวอักษรต่อบรรทัด 80
หากคำสั่ง JavaScript เป็นมากกว่า 80 ตัวอักษรก็จะแนะนำหลังจากที่ผู้ประกอบการจุลภาคหรือห่อ
กฎการตั้งชื่อ
มักจะเป็นจำนวนมากของกฎการตั้งชื่อรหัสภาษาที่มีความคล้ายคลึงกันตัวอย่างเช่น:
- ตัวแปรและฟังก์ชั่นสำหรับพระราชบัญญัติโคก (CamelCase)
- ตัวแปรทั่วโลกเป็นตัวพิมพ์ใหญ่ (พิมพ์ใหญ่)
- ค่าคงที่ (เช่น PI) พิมพ์ใหญ่ (พิมพ์ใหญ่)
ชื่อตัวแปรที่คุณใช้ประเภทนี้ของกฎ: HYP-ไก่ CamelCase หรือ under_scores?
HTML และ CSS ประ (-) ตัวอักษร:
HTML5 แอตทริบิวต์อาจ DATA- (เช่น: ข้อมูลปริมาณข้อมูลราคา) เป็นคำนำหน้า
CSS ใช้ - การเชื่อมต่อชื่อคุณสมบัติ (font-size)
- โดยทั่วไปถือว่าการลบใน JavaScript ก็จะไม่ได้รับอนุญาต |
ขีดเส้นใต้:
โปรแกรมเมอร์หลายคนชอบที่จะใช้ขีดล่าง (เช่น date_of_birth) โดยเฉพาะอย่างยิ่งในฐานข้อมูล SQL
ภาษา PHP มักจะใช้ขีด
ปาสคาลสะกด (PascalCase):
การสะกดคำภาษาปาสคาล (PascalCase) ในภาษา C มากขึ้น
กฎหมายโคก:
JavaScript มักแนะนำวิธีโคก jQuery JavaScript และห้องสมุดอื่น ๆ ที่ใช้กฎหมายอูฐ
ชื่อตัวแปรไม่ได้เริ่มต้นด้วยความขัดแย้ง $ เครื่องหมายที่มีจำนวนมากของห้องสมุดจาวาสคริปต์ |
โหลดไฟล์ HTML JavaScript ภายนอก
ใช้รูปแบบที่ง่ายต่อการโหลดไฟล์ JavaScript (ประเภทแอตทริบิวต์ไม่จำเป็นต้องใช้):
ใช้ JavaScript เพื่อการใช้องค์ประกอบ HTML
รูปแบบ HTML ที่ไม่ดีอาจทำให้เกิดข้อผิดพลาดในการทำงานของจาวาสคริปต์
ต่อไปนี้สองงบ JavaScript เพื่อให้ผลลัพธ์ที่แตกต่างเอาท์พุท:
HTML และ JavaScript พยายามที่จะใช้กฎการตั้งชื่อเดียวกัน
การเข้าถึง HTML (5) ข้อกำหนดรหัส
นามสกุลของแฟ้ม
คำต่อท้ายไฟล์ HTML สามารถ .html (หรือ R .htm)
นามสกุลไฟล์ CSS เป็น .css
JavaScript .js ไฟล์ต่อท้าย
ชื่อไฟล์ตัวพิมพ์เล็ก
ส่วนใหญ่เว็บเซิร์ฟเวอร์ (Apache, Unix) เป็นกรณีที่สำคัญ: london.jpg london.jpg ไม่สามารถเข้าถึง
เว็บเซิร์ฟเวอร์อื่น ๆ (ไมโครซอฟท์ IIS) ไม่สำคัญ case: london.jpg สามารถเข้าถึงได้ผ่าน london.jpg หรือ london.jpg
คุณต้องรักษารูปแบบครบวงจรเราขอแนะนำให้ใช้ที่สอดคล้องกันชื่อไฟล์ตัวพิมพ์เล็ก