JavaScript - ไวยากรณ์

JavaScript สามารถใช้งานได้โดยใช้คำสั่ง JavaScript ที่อยู่ภายในไฟล์ <script>... </script> แท็ก HTML ในหน้าเว็บ

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

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

<script ...>
   JavaScript code
</script>

แท็กสคริปต์รับแอตทริบิวต์ที่สำคัญสองรายการ -

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

  • Type - แอตทริบิวต์นี้เป็นสิ่งที่แนะนำในตอนนี้เพื่อระบุภาษาสคริปต์ที่ใช้งานและควรตั้งค่าเป็น "text / javascript"

ดังนั้นส่วน JavaScript ของคุณจะมีลักษณะดังนี้ -

<script language = "javascript" type = "text/javascript">
   JavaScript code
</script>

รหัส JavaScript แรกของคุณ

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

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

<html>
   <body>   
      <script language = "javascript" type = "text/javascript">
         <!--
            document.write("Hello World!")
         //-->
      </script>      
   </body>
</html>

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

Hello World!

ช่องว่างและเส้นแบ่ง

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

อัฒภาคเป็นทางเลือก

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

<script language = "javascript" type = "text/javascript">
   <!--
      var1 = 10
      var2 = 20
   //-->
</script>

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

<script language = "javascript" type = "text/javascript">
   <!--
      var1 = 10; var2 = 20;
   //-->
</script>

Note - เป็นการฝึกการเขียนโปรแกรมที่ดีในการใช้อัฒภาค

ความไวกรณี

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

ดังนั้นตัวระบุ Time และ TIME จะสื่อความหมายที่แตกต่างกันใน JavaScript

NOTE - ควรใช้ความระมัดระวังขณะเขียนชื่อตัวแปรและฟังก์ชันใน JavaScript

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

JavaScript รองรับทั้งความคิดเห็นสไตล์ C และ C ++ ดังนั้น -

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

  • ข้อความใด ๆ ระหว่างอักขระ / * และ * / จะถือว่าเป็นความคิดเห็น ซึ่งอาจครอบคลุมหลายบรรทัด

  • JavaScript ยังรับรู้ลำดับการเปิดความคิดเห็น HTML <! - JavaScript ถือว่าสิ่งนี้เป็นความคิดเห็นบรรทัดเดียวเช่นเดียวกับ // comment

  • ลำดับการปิดความคิดเห็น HTML -> ไม่รู้จักโดย JavaScript ดังนั้นจึงควรเขียนเป็น // ->

ตัวอย่าง

ตัวอย่างต่อไปนี้แสดงวิธีใช้ความคิดเห็นใน JavaScript

<script language = "javascript" type = "text/javascript">
   <!--
      // This is a comment. It is similar to comments in C++
   
      /*
      * This is a multi-line comment in JavaScript
      * It is very similar to comments in C Programming
      */
   //-->
</script>