เมื่อเขียนโค้ดโปรแกรมใด ๆ นักพัฒนาต่าง ๆ ก็จะมีความคิดเห็นที่แตกต่างกัน แต่การอ้างอิงถึงมันเป็นสิ่งที่ดีเสมอ และนี่คือ เคล็ดลับการเขียนโค้ด JS ที่ดีที่สุด 14 ข้อ จาก Javascript Toolbox แปลโดย Sofish ( 1 , 2 )
1. ใช้ 'var' เสมอ
ใน JavaScript ตัวแปรจะมีการกำหนดขอบเขตแบบโกลบอลหรือแบบฟังก์ชัน และการใช้คีย์เวิร์ด "var" จะเป็นกุญแจสำคัญในการรักษาตัวแปรให้กระชับและชัดเจน เมื่อประกาศตัวแปรที่เป็นระดับโกลบอลหรือระดับฟังก์ชัน ให้ใส่คีย์เวิร์ด "var" นำหน้าเสมอ ตัวอย่างต่อไปนี้จะเน้นถึงปัญหาที่อาจเกิดขึ้นจากการไม่ทำเช่นนี้
ปัญหาที่เกิดจากการไม่ใช้ Var
var i=0; // นี่เป็นสิ่งที่ดี - สร้างตัวแปรโกลบอล
ทดสอบฟังก์ชัน() {
สำหรับ (i=0; i<10; i++) {
alert("สวัสดีชาวโลก!");
-
-
ทดสอบ();
alert(i); // ตัวแปรโกลบอล i คือ 10!
เนื่องจากตัวแปร i ในฟังก์ชันตัวแปรไม่ได้ใช้ var เพื่อทำให้เป็นตัวแปรระดับฟังก์ชัน ในตัวอย่างนี้จึงอ้างอิงถึงตัวแปรร่วม เป็นเรื่องปกติที่จะใช้ var ในการประกาศตัวแปรโกลบอลเสมอ แต่จำเป็นอย่างยิ่งที่จะต้องใช้ var เพื่อกำหนดตัวแปรขอบเขตฟังก์ชัน สองวิธีต่อไปนี้มีฟังก์ชันเทียบเท่ากัน:
ฟังก์ชั่นที่ถูกต้อง
ทดสอบฟังก์ชัน() {
วาร์ i=0;
สำหรับ (i=0; i<10; i++) {
alert("สวัสดีชาวโลก!");
-
-
ฟังก์ชั่นที่ถูกต้อง
ทดสอบฟังก์ชัน() {
สำหรับ (var i=0; i<10; i++) {
alert("สวัสดีชาวโลก!");
-
-
2. การตรวจจับคุณสมบัติมากกว่าการตรวจจับเบราว์เซอร์
โค้ดบางส่วนถูกเขียนขึ้นเพื่อค้นหาเวอร์ชันของเบราว์เซอร์และดำเนินการต่างๆ กับเวอร์ชันนั้นโดยขึ้นอยู่กับไคลเอนต์ที่ผู้ใช้ใช้ โดยทั่วไปแล้วนี่เป็นแนวทางปฏิบัติที่แย่มาก แนวทางที่ดีกว่าคือการใช้การตรวจจับคุณลักษณะ ก่อนที่จะใช้คุณลักษณะขั้นสูงที่เบราว์เซอร์รุ่นเก่าอาจไม่รองรับ ให้ตรวจสอบก่อนว่า (เบราว์เซอร์) มีฟังก์ชันหรือคุณลักษณะนี้หรือไม่ จากนั้นจึงใช้งาน เป็นการดีกว่าที่จะตรวจจับเวอร์ชันของเบราว์เซอร์เพียงอย่างเดียว แม้ว่าคุณจะทราบประสิทธิภาพของเบราว์เซอร์ก็ตาม คุณสามารถค้นหาบทความเชิงลึกเกี่ยวกับปัญหานี้ได้ที่ http://www.jibbering.com/faq/faq_notes/not_browser_detect.html
ตัวอย่าง:
ถ้า (document.getElementById) {
องค์ประกอบ var = document.getElementById('MyId');
-
อื่น {
alert('เบราว์เซอร์ของคุณไม่มีความสามารถที่จำเป็นในการรันสคริปต์นี้!');
-
ที่มา: Happy Favourites