โปรแกรม JavaScript คือลำดับของคำสั่ง (คำสั่ง) บางครั้งคำสั่งก็เรียกว่าคำสั่ง JavaScript

เพื่อให้โปรแกรมทำงานได้ จะต้องเปิดโปรแกรมก่อน หากโปรแกรมเป็นสคริปต์ไคลเอนต์เบราว์เซอร์จะเปิดใช้งานโดยอัตโนมัติ แต่แน่นอนว่ามีอยู่ในโค้ดของเพจเท่านั้น เบราว์เซอร์รันโปรแกรม โดยปกติในระหว่างการโหลดหน้าเว็บ

เมื่อเขียนคำแนะนำจะต้องคั่นด้วยเครื่องหมายอัฒภาค JavaScript อนุญาตให้คุณละเครื่องหมายอัฒภาคที่ส่วนท้ายของคำสั่ง if คำแนะนำถัดไปจะเริ่มต้นด้วย บรรทัดใหม่.

ไม่จำเป็นต้องใช้คำสั่งลงท้ายด้วยเครื่องหมายอัฒภาคใน JavaScript หากคำสั่งถัดไปจะเขียนขึ้นบรรทัดใหม่ แต่ขอแนะนำอย่างยิ่ง ขอแนะนำให้วางแต่ละคำสั่งไว้ในบรรทัดแยกกัน

คำสั่ง JavaScript ประกอบด้วย: ค่า ตัวดำเนินการ นิพจน์ คำสำคัญ และความคิดเห็น

ตัวอย่างเช่น คำสั่งนี้บอกให้เบราว์เซอร์เขียนว่า "Hello, world!" ข้างใน องค์ประกอบ HTMLด้วยรหัส = "หลัก":

Document.getElementById("main").textContent = "สวัสดีชาวโลก!";

ความหมายของจาวาสคริปต์

ไวยากรณ์ JavaScript กำหนดค่าประเภทต่อไปนี้: ค่าคงที่ (ตัวอักษร) ค่าคงที่ และค่าตัวแปร

ตัวอย่างของตัวอักษรเพื่อแสดงค่าที่แตกต่างกันใน JavaScript:

17 // ตัวอักษรจำนวนเต็ม 23.8 // ตัวอักษรเศษส่วน "HTML" // ตัวอักษรสตริง "HTML" // ตัวอักษรสตริงจริง // ตัวอักษรบูลีน // ตัวอักษรอาร์เรย์ // ตัวอักษรอาร์เรย์ () // ตัวอักษรวัตถุ ( ชื่อ: "เดนนิส " , ภาษา: "ru" ) // object literal (ab|bc) // นิพจน์ทั่วไป

ในภาษาการเขียนโปรแกรม ค่าคงที่และตัวแปรใช้ในการจัดเก็บค่าข้อมูล

ในการประกาศค่าคงที่จะใช้ คำสำคัญ const, ตัวแปร – var และ ให้

ค่าคงที่ MAX_LENGTH = 17; // ส่วนคงที่ var = "HTML"; // ตัวแปร ให้ arr = ["HTML", "CSS"]; // ตัวแปร

เรามาเป็นวิธีใหม่ในการประกาศตัวแปรที่มีมาตั้งแต่เวอร์ชัน ES-2015 (ES6) Let แตกต่างจาก var ตรงที่ตัวแปรที่ประกาศโดยใช้ Let มีขอบเขตที่แตกต่างกัน (ขอบเขตบล็อก) และยังสามารถเข้าถึงได้หลังจากสร้างแล้วเท่านั้น

ตัวดำเนินการจาวาสคริปต์

มีโอเปอเรเตอร์ที่แตกต่างกันมากมายใน JavaScript ระบุการดำเนินการที่จำเป็นต้องดำเนินการ

ขึ้นอยู่กับจำนวนของตัวถูกดำเนินการที่ตัวดำเนินการดำเนินการ พวกมันจะถูกแบ่งออกเป็นไบนารีและเอก แต่ JavaScript ยังมีตัวดำเนินการแบบมีเงื่อนไขซึ่งประกอบด้วยตัวถูกดำเนินการ 3 ตัว โอเปอเรเตอร์นี้เรียกว่าแบบไตรภาค

ตัวอย่างเช่น ผู้ดำเนินการมอบหมาย (= เครื่องหมาย):

// ตัวถูกดำเนินการ1 = ตัวถูกดำเนินการ2; คูร์เอ็กซ์ = 100; // เช่น กำหนดหมายเลข 100 ให้กับตัวแปร coordX

โอเปอเรเตอร์นี้ใช้เพื่อกำหนด (ตั้งค่า) operand1 ให้เป็นค่าเดียวกันกับ operand2

ตัวดำเนินการที่ได้รับมอบหมายเป็นไบนารี่เพราะ มันทำงานบนตัวถูกดำเนินการสองตัว

ตัวอย่างเช่น ใช้ตัวดำเนินการเพิ่ม (เครื่องหมาย ++) เพื่อเพิ่ม ค่าตัวเลขตัวถูกดำเนินการที่ 1:

วาร์นัม = 5; ++หมายเลข; // 6

ตัวดำเนินการเพิ่มเป็นเอกพจน์เนื่องจาก มันทำงานในหนึ่งตัวถูกดำเนินการ

นิพจน์จาวาสคริปต์

นิพจน์คือการรวมกันของค่า ตัวแปร และตัวดำเนินการที่จะกำหนดค่าให้กับตัวแปรหรือส่งคืนค่าโดยไม่ต้องกำหนด

ตัวอย่างเช่น นิพจน์ num = 955.47 ใช้ตัวดำเนินการ = เพื่อกำหนดค่า 7 ให้กับตัวแปร num

ตัวอย่างเช่น นิพจน์ "Hello, " + "Timofey" ใช้ตัวดำเนินการ + เพื่อเพิ่มสตริง "Hello, " และ "Timofey" โดยไม่มีการกำหนด

คำหลักจาวาสคริปต์

คำแนะนำ JavaScript มักเริ่มต้นด้วยคำสำคัญ (คำหลัก) มีวัตถุประสงค์เพื่อกำหนดว่าจะต้องดำเนินการใดกับ JavaScript

ตัวอย่างเช่น คีย์เวิร์ด var บอกให้เบราว์เซอร์สร้างตัวแปร:

พิกัด X = 5, พิกัด Y = 130;

รายการคีย์เวิร์ดบางคำ: หยุด, ดำเนินการต่อ, ทำ ... ในขณะที่, สำหรับ, ฟังก์ชัน, ถ้า ... อย่างอื่น, กลับ, สลับ, ลอง ... จับ, var

ความคิดเห็นใน JavaScript

คำสั่ง JavaScript บางคำสั่งไม่สามารถเรียกใช้งานได้

โค้ดหลังเครื่องหมายทับคู่ // หรือระหว่าง /* และ */ ถือเป็นความคิดเห็น

ความคิดเห็นจะถูกละเว้นและไม่ถูกดำเนินการ:

ทิศทาง Var = "ด้านบน"; // ความคิดเห็นบรรทัดเดียว // ความเร็ว var = 10; คำสั่งนี้จะไม่ถูกดำเนินการ /* ฟังก์ชั่นที่เพิ่มคลาสการแสดงให้กับองค์ประกอบด้วย id="myBtn" */ ฟังก์ชั่น showBtn() ( document.getElementById("myBtn").classList.add("show"); )

// - เป็นความคิดเห็นบรรทัดเดียวเช่น ข้อความใด ๆ ระหว่าง // ถึงจุดสิ้นสุดของบรรทัดจะถูกละเว้นโดย JavaScript (จะไม่ถูกดำเนินการ)

/* */ เป็นความคิดเห็นแบบหลายบรรทัด JavaScript จะละเว้นข้อความระหว่าง /* ถึง */

บล็อกคำสั่ง JavaScript

คำแนะนำ JavaScript สามารถจัดกลุ่มได้โดยใช้บล็อก (วงเล็บปีกกา (...))

โดยทั่วไปใช้ในฟังก์ชัน โครงสร้างการควบคุม (สำหรับ ในขณะที่) ฯลฯ

ฟังก์ชั่น myFunction() ( document.getElementById("id__1").textContent = "Text 1..."; document.getElementById("id__2").textContent = "Text 2..."; )

ความละเอียดอ่อนของตัวพิมพ์

JavaScript เป็นภาษาที่คำนึงถึงขนาดตัวพิมพ์ ซึ่งหมายความว่าคำสำคัญ ตัวแปร ชื่อฟังก์ชัน และตัวระบุภาษาอื่นๆ จะต้องมีชุดตัวอักษรตัวพิมพ์ใหญ่และตัวพิมพ์เล็กชุดเดียวกัน ตัวอย่างเช่น ควรพิมพ์วิธีการแจ้งเตือนเป็น alert เท่านั้น ไม่ใช่ Alert , ALERT เป็นต้น

ช่องว่างใน JavaScript

JavaScript ละเว้นช่องว่างหลายช่อง คุณสามารถเพิ่มช่องว่างในสคริปต์ของคุณเพื่อให้อ่านง่ายขึ้น

บรรทัดต่อไปนี้เทียบเท่ากัน:

Var str = "ข้อความ"; var str="ข้อความ";

ความยาวบรรทัดโค้ด

หากคำสั่ง JavaScript ยาว แนะนำให้ทำลายคำสั่งนั้น ในกรณีส่วนใหญ่ เป็นการดีกว่าที่จะทำลายคำสั่งหลังจากโอเปอเรเตอร์บางตัว

ตัวอย่างเช่น:

Document.getElementById("aside__nav_header").innerHTML = "การนำทางเพิ่มเติม (ตามส่วน)";

• ชื่อที่ประกอบด้วยหนึ่งคำควรเขียนด้วยตัวพิมพ์เล็ก (เช่น: บทความ)
• ชื่อที่ประกอบด้วยคำหลายคำควรเขียนด้วยตัวพิมพ์เล็กด้วยกัน ยกเว้นตัวอักษรที่อยู่ตรงจุดเชื่อมต่อของคำให้เขียนด้วยตัวพิมพ์ใหญ่ (เช่น articleTitle)
• จำนวนคำในชื่อไม่ควรเกิน 3 (เช่น articleDatePublishedon)
• ตัวแปร (ไม่ใช่สำหรับจัดเก็บฟังก์ชัน) และคุณสมบัติของวัตถุจะต้องเป็นคำนาม (เช่น textComment)
• อาร์เรย์และคอลเลกชันของค่าควรระบุด้วยคำนามใน พหูพจน์(ตัวอย่าง: ความคิดเห็นล่าสุด);
• ฟังก์ชั่นและวิธีการของวัตถุจะต้องตั้งชื่อด้วยคำกริยา (เช่น getLastArticles)
• ชื่อชั้นเรียนต้องขึ้นต้นด้วยตัวพิมพ์ใหญ่ (เช่น ความคิดเห็น)

JavaScript สามารถนำไปใช้งานได้โดยใช้ ตัวดำเนินการจาวาสคริปต์ซึ่งวางอยู่ใน แท็ก HTML script ... /script บนหน้าเว็บ

คุณสามารถวางแท็กสคริปต์ที่มี JavaScript ของคุณไว้ที่ใดก็ได้บนหน้าเว็บของคุณ แต่โดยทั่วไปจะแนะนำให้เก็บไว้ในแท็ก head

แท็กสคริปต์แจ้งเตือนโปรแกรมเบราว์เซอร์ให้เริ่มตีความข้อความทั้งหมดระหว่างแท็กเหล่านี้เป็นสคริปต์ ไวยากรณ์ง่ายๆ สำหรับ JavaScript ของคุณจะมีลักษณะเช่นนี้

รหัสจาวาสคริปต์

แท็กสคริปต์ประกอบด้วยคุณลักษณะที่สำคัญสองประการ -

• ภาษา - แอ็ตทริบิวต์นี้ระบุภาษาสคริปต์ที่คุณใช้ โดยปกติแล้วค่าของมันจะเป็นจาวาสคริปต์ แม้ว่า HTML เวอร์ชันล่าสุด (และ XHTML ซึ่งเป็นตัวตายตัวแทน) ได้หยุดใช้แอตทริบิวต์นี้แล้ว
• พิมพ์. แนะนำให้ใช้แอตทริบิวต์นี้เพื่อระบุภาษาสคริปต์ที่ใช้ และควรตั้งค่าเป็น "text/javascript"

ดังนั้นเซ็กเมนต์ JavaScript ของคุณจะมีลักษณะดังนี้:

รหัสจาวาสคริปต์

สคริปต์ JavaScript แรกของคุณ

มาดูตัวอย่างงานพิมพ์ "Hello World" กัน เราเพิ่ม ความคิดเห็นเพิ่มเติม HTML ที่ล้อมรอบโค้ด JavaScript ของเรา นี่เป็นการบันทึกโค้ดของเราจากเบราว์เซอร์ที่ไม่รองรับ JavaScript ความคิดเห็นลงท้ายด้วย "// ->" ในที่นี้ "//" หมายถึงความคิดเห็นใน JavaScript ดังนั้นเราจึงเพิ่มสิ่งนี้เพื่อป้องกันไม่ให้เบราว์เซอร์อ่านส่วนท้ายของความคิดเห็น HTML ซึ่งเป็นส่วนหนึ่งของโค้ด JavaScript จากนั้นเราเรียกฟังก์ชัน document.write ซึ่งเขียนสตริงลงในเอกสาร HTML ของเรา

ฟังก์ชันนี้สามารถใช้เพื่อเขียนข้อความ HTML หรือทั้งสองอย่าง ลองดูโค้ดต่อไปนี้

รหัสนี้จะให้ผลลัพธ์ดังต่อไปนี้:

สวัสดีชาวโลก!

ช่องว่างและการขึ้นบรรทัดใหม่

JavaScript จะละเว้นช่องว่าง แท็บ และการขึ้นบรรทัดใหม่ที่ปรากฏในโปรแกรม JavaScript คุณสามารถใช้ช่องว่าง แท็บ และการขึ้นบรรทัดใหม่ในโปรแกรมของคุณได้อย่างอิสระ และคุณสามารถจัดรูปแบบและเยื้องโปรแกรมของคุณในลักษณะที่เรียบร้อยและสม่ำเสมอ ทำให้โค้ดของคุณอ่านและเข้าใจได้ง่าย

อัฒภาคใน JavaScript

ใน คำแนะนำง่ายๆใน JavaScript มักจะตามด้วยเครื่องหมายอัฒภาค เช่นเดียวกับใน C, C++ และ Java อย่างไรก็ตาม จาวาสคริปต์ช่วยให้คุณสามารถข้ามเครื่องหมายอัฒภาคนี้ได้ หากคุณแยกแต่ละคำสั่งของคุณออกจากบรรทัดเดียวกัน ตัวอย่างเช่น โค้ดต่อไปนี้สามารถเขียนได้โดยไม่ต้องใช้เครื่องหมายอัฒภาค

แต่เมื่อจัดรูปแบบในบรรทัดเดียวเช่นนี้ คุณต้องใช้เครื่องหมายอัฒภาค -

บันทึก. แนวปฏิบัติที่ดีการเขียนโปรแกรมคือการใช้อัฒภาค

ความละเอียดอ่อนของตัวพิมพ์

JavaScript เป็นภาษาที่คำนึงถึงขนาดตัวพิมพ์ ซึ่งหมายความว่าคำสำคัญ ตัวแปร ชื่อฟังก์ชัน และตัวระบุอื่นๆ จะต้องป้อนด้วยตัวพิมพ์ใหญ่ที่สอดคล้องกันเสมอ

ดังนั้นตัวระบุเวลาและ TIME จะส่งความหมายที่แตกต่างกันไปยัง JavaScript

บันทึก. คุณควรระมัดระวังในการเขียนชื่อตัวแปรและฟังก์ชันใน JavaScript

เมื่อเรียนรู้ที่จะเขียน บุคคลจะต้องเรียนรู้พื้นฐานของการสะกด ไวยากรณ์ และการสะกดคำ ตัวอย่างเช่น ทุกคนรู้ว่าประโยคหนึ่งเริ่มต้นด้วย ตัวพิมพ์ใหญ่และลงท้ายด้วยเครื่องหมายมหัพภาค ข้อความแบ่งเป็นย่อหน้า เป็นต้น

ภาษาการเขียนโปรแกรมทำงานในลักษณะเดียวกัน: เพื่อให้โปรแกรมทำงานได้ต้องปฏิบัติตามกฎบางประการ ชุดกฎที่กำหนดโครงสร้างของภาษาโปรแกรมเรียกว่าไวยากรณ์ ภาษาการเขียนโปรแกรมหลายภาษาสร้างขึ้นบนแนวคิดเดียวกันแต่ใช้ไวยากรณ์ต่างกัน

บทช่วยสอนนี้จะแนะนำคุณเกี่ยวกับพื้นฐานของไวยากรณ์และโครงสร้างโค้ดใน JavaScript

ฟังก์ชั่นและความสามารถในการอ่าน

ฟังก์ชั่นและความสามารถในการอ่านเป็นส่วนสำคัญของไวยากรณ์ JavaScript ที่ต้องเน้นแยกกัน

กฎไวยากรณ์บางอย่างจำเป็นสำหรับโค้ด JavaScript หากไม่เป็นไปตามนั้น คอนโซลจะส่งข้อผิดพลาดและสคริปต์จะหยุดทำงาน

พิจารณาข้อผิดพลาดนี้ในโปรแกรม "Hello, World!"

// ตัวอย่างโปรแกรม JavaScript ที่เสียหาย
console.log("สวัสดีชาวโลก!"

วงเล็บเหลี่ยมปิดท้ายหายไป แทนที่จะเป็นบรรทัด "Hello, World!" โปรแกรมจะส่งคืนข้อผิดพลาด:

Uncaught SyntaxError: หายไป) หลังจากรายการอาร์กิวเมนต์

หากต้องการให้สคริปต์ทำงานต่อไป คุณต้องเพิ่มวงเล็บปิด นี่คือวิธีที่ข้อผิดพลาดในไวยากรณ์ JavaScript อาจส่งผลต่อการทำงานของโปรแกรม

ลักษณะบางอย่างของไวยากรณ์และการจัดรูปแบบ JavaScript มาจากมุมมองที่แตกต่างกัน พูดง่ายๆ ก็คือ มีกฎโวหารและรูปแบบต่างๆ ที่เป็นทางเลือกและไม่ก่อให้เกิดข้อผิดพลาดเมื่อเรียกใช้โค้ด อย่างไรก็ตาม ยังมีแบบแผนทั่วไปหลายประการที่ควรติดตามเพื่อให้นักพัฒนาโปรเจ็กต์และโค้ดทราบถึงสไตล์และการอัปเดตไวยากรณ์ การปฏิบัติตามแบบแผนทั่วไปจะปรับปรุงความสามารถในการอ่านโค้ดของคุณ

พิจารณาสามตัวเลือกต่อไปนี้ในการกำหนดค่าให้กับตัวแปร:

const ทักทาย = "สวัสดี"; // ไม่มีช่องว่างระหว่างตัวแปรและสตริง
const คำทักทาย = "สวัสดี"; //ช่องว่างมากเกินไปหลังจากการมอบหมาย
const คำทักทาย = "สวัสดี"; // ช่องว่างเดียวระหว่างตัวแปรและสตริง

ทั้งสามบรรทัดด้านบนจะทำงานเหมือนกัน แต่ตัวเลือกที่สาม (คำทักทาย = "สวัสดี") เป็นวิธีการเขียนโค้ดที่ใช้กันทั่วไปและอ่านง่ายที่สุด โดยเฉพาะอย่างยิ่งเมื่อดูในบริบทของโปรแกรมขนาดใหญ่

การตรวจสอบความสมบูรณ์และความสอดคล้องของโค้ดโปรแกรมทั้งหมดเป็นสิ่งสำคัญมาก

ด้านล่างนี้เราจะดูตัวอย่างบางส่วนเพื่อทำความคุ้นเคยกับไวยากรณ์และโครงสร้างของโค้ด JavaScript

อักขระช่องว่าง

อักขระช่องว่างของ JavaScript คือช่องว่าง แท็บ และการป้อนบรรทัด (การดำเนินการนี้ดำเนินการโดยปุ่ม Enter) ดังที่แสดงไว้ก่อนหน้านี้ พื้นที่สีขาวส่วนเกินนอกบรรทัด ช่องว่างระหว่างตัวดำเนินการ และอักขระอื่นๆ จะถูกละเว้นโดยล่าม JavaScript ซึ่งหมายความว่าตัวอย่างการกำหนดตัวแปรสามตัวอย่างต่อไปนี้จะให้ผลลัพธ์ที่เหมือนกัน:

const userLocation = "นิวยอร์กซิตี้, " + "NY";
const userLocation="นิวยอร์กซิตี้, "+"NY";
const userLocation = "นิวยอร์กซิตี้, " + "NY";

ตัวแปร userLocation จะมีค่า "New York City, NY" โดยไม่คำนึงถึงรูปแบบการกำหนดสำหรับค่านั้น สำหรับ JavaScript มันไม่สำคัญว่าอันไหน อักขระช่องว่างถูกนำมาใช้

มีกฎข้อหนึ่งที่พิสูจน์แล้วและเป็นจริงในการเขียนโปรแกรม: เมื่อคุณใช้ช่องว่าง ให้ปฏิบัติตามกฎเดียวกันกับที่คุณใช้ในวิชาคณิตศาสตร์หรือไวยากรณ์ ตัวอย่างเช่น บรรทัด:

อ่านง่ายกว่า:

ข้อยกเว้นที่สำคัญสำหรับกฎนี้คือการกำหนดตัวแปรหลายตัว สังเกตตำแหน่ง = ในตัวอย่างต่อไปนี้:

const companyName = "บริษัทของฉัน";
const companyHeadquarters = "นิวยอร์กซิตี้";
const companyHandle = "mycompany";

ตัวดำเนินการกำหนดทั้งหมด (=) จะถูกจัดเรียงในบรรทัดเดียวโดยใช้ช่องว่าง โครงสร้างประเภทนี้ไม่ได้ใช้ในฐานโค้ดทั้งหมด แต่สามารถปรับปรุงความสามารถในการอ่านได้

การขึ้นบรรทัดใหม่จะถูกละเว้นใน JavaScript เช่นกัน ตามกฎแล้วเพิ่มเติม เส้นว่างถูกแทรกไว้เหนือความคิดเห็นและหลังบล็อกโค้ด

วงเล็บกลม

คำสำคัญเช่น if, switch และ for มักจะมีช่องว่างก่อนและหลังวงเล็บ ลองพิจารณาตัวอย่างต่อไปนี้:

// ตัวอย่างไวยากรณ์คำสั่ง if
ถ้า () ( )
// ตรวจสอบสมการทางคณิตศาสตร์และพิมพ์สตริงไปยังคอนโซล
ถ้า(4< 5) {
console.log("4 น้อยกว่า 5.");
}
// ตัวอย่างไวยากรณ์ for loop
สำหรับ () ( )
// วนซ้ำ 10 ครั้ง โดยพิมพ์หมายเลขการวนซ้ำแต่ละรายการไปยังคอนโซล
สำหรับ (ให้ i = 0; i 0) (
สี่เหลี่ยม(หมายเลข);
}

โปรดใช้ความระมัดระวังเนื่องจากโค้ดบางส่วนที่อยู่ในวงเล็บปีกกาไม่จำเป็นต้องมีเครื่องหมายอัฒภาค วัตถุจะอยู่ในวงเล็บปีกกาและต้องลงท้ายด้วยเครื่องหมายอัฒภาค

// ตัวอย่างวัตถุ
const objectName = ();
// เริ่มต้นวัตถุสามเหลี่ยม
สามเหลี่ยมคอนสต์ = (
ประเภท: "ถูกต้อง"
มุม: 90,
ข้าง: 3,
};

เป็นเรื่องปกติที่จะวางอัฒภาคไว้หลังทุกคำสั่งและนิพจน์ JavaScript ยกเว้นที่ลงท้ายด้วยเครื่องหมายปีกกา

โครงสร้างรหัส

ในทางเทคนิคแล้ว โค้ดทั้งหมดในโปรแกรม JavaScript สามารถวางบนบรรทัดเดียวได้ แต่โค้ดดังกล่าวอ่านและบำรุงรักษายากมาก ดังนั้นโปรแกรมจึงแบ่งออกเป็นบรรทัด

ตัวอย่างเช่น คำสั่ง if/else สามารถเขียนเป็นบรรทัดเดียวหรือแบ่งได้:

// คำสั่งแบบมีเงื่อนไขเขียนในหนึ่งบรรทัด
if (x === 1) ( /* รันโค้ดถ้าเป็นจริง */ ) else ( /* รันโค้ดถ้าเป็น false */ )
// คำสั่งแบบมีเงื่อนไขที่มีการเยื้อง
ถ้า (x === 1) (
// รันโค้ดถ้าเป็นจริง
) อื่น (
// รันโค้ดถ้าเป็นเท็จ
}

โปรดทราบ: รหัสใด ๆ ที่รวมอยู่ในบล็อกจะถูกเยื้อง คุณสามารถเยื้องโดยใช้สองช่องว่าง สี่ช่องว่าง หรือแท็บได้ การเลือกวิธีการเยื้องขึ้นอยู่กับความชอบส่วนตัวหรือคำแนะนำขององค์กรของคุณเท่านั้น

วงเล็บเปิดที่ท้ายบรรทัดแรกเป็นวิธีทั่วไปในการจัดโครงสร้างคำสั่งและอ็อบเจ็กต์ JavaScript บางครั้งวงเล็บจะวางอยู่บนเส้นแยกกัน:

// คำสั่งแบบมีเงื่อนไขที่มีวงเล็บปีกกาในการขึ้นบรรทัดใหม่
ถ้า (x === 1)
{
// รันโค้ดถ้าเป็นจริง
}
อื่น
{
// รันโค้ดถ้าเป็นเท็จ
}

โครงสร้างนี้ไม่ค่อยได้ใช้ใน JavaScript เช่นเดียวกับภาษาอื่นๆ

คำสั่งที่ซ้อนกันจะต้องแยกจากกัน:

// เริ่มต้นฟังก์ชัน
ฟังก์ชัน isEqualToOne(x) (
// ตรวจสอบว่า x เท่ากับ 1 หรือไม่
ถ้า (x === 1) (
// เมื่อสำเร็จให้คืนค่าเป็นจริง
กลับเป็นจริง;
) อื่น (
กลับเท็จ;
}
}

การเยื้องที่เหมาะสมทำให้โค้ดสามารถอ่านได้ ข้อยกเว้นเดียวสำหรับกฎนี้ที่ต้องจำไว้คือไลบรารีที่บีบอัดจะลบสัญลักษณ์ที่ไม่จำเป็นทั้งหมดออกเพื่อลดขนาดไฟล์

ตัวระบุ

ชื่อของตัวแปร ฟังก์ชัน หรือคุณสมบัติใน JavaScript เรียกว่า ตัวระบุ ตัวระบุประกอบด้วยตัวอักษรและตัวเลข แต่ต้องไม่มีอักขระที่เกิน $ และ _ และไม่สามารถขึ้นต้นด้วยตัวเลขได้

ความละเอียดอ่อนของตัวพิมพ์

ชื่อต้องตรงตามตัวพิมพ์ใหญ่-เล็ก นั่นคือ myVariable และ myvariable จะถือเป็นตัวแปรสองตัวที่แตกต่างกัน

var myVariable = 1;
ตัวแปร myvariable = 2;

ตามแบบแผนทั่วไป ชื่อจะเขียนด้วยตัวพิมพ์เล็ก: คำแรกเขียนด้วยตัวพิมพ์เล็ก แต่แต่ละคำต่อมาจะขึ้นต้นด้วยตัวพิมพ์ใหญ่ ตัวแปรส่วนกลางหรือค่าคงที่เขียนด้วยตัวพิมพ์ใหญ่และคั่นด้วยขีดล่าง

ค่าประกัน INSURANCE_RATE = 0.4;

ข้อยกเว้นสำหรับกฎนี้คือชื่อคลาส โดยที่แต่ละคำมักจะขึ้นต้นด้วยตัวพิมพ์ใหญ่ (PascalCase)

// เริ่มต้นคลาส
คลาสตัวอย่างคลาส (
ตัวสร้าง ()
}

เพื่อให้แน่ใจว่าโค้ดสามารถอ่านได้ คุณต้องใช้ตัวระบุอย่างสม่ำเสมอกับไฟล์โปรแกรมทั้งหมด

คีย์เวิร์ดที่สงวนไว้

ตัวระบุจะต้องไม่มีคำหลักที่สงวนไว้ คำหลักคือคำ JavaScript ที่มีฟังก์ชันการทำงานในตัว ซึ่งรวมถึง var, if, for และ this

ตัวอย่างเช่น คุณไม่สามารถกำหนดค่าให้กับตัวแปรชื่อ var ได้

var var = "ค่าบางอย่าง";

JavaScript รู้คีย์เวิร์ด var ดังนั้นมันจะทำให้เกิดข้อผิดพลาด:

SyntaxError: โทเค็นที่ไม่คาดคิด (1:4)