คอร์ส IT พื้นฐาน JavaScript 035_HelloJavaScript
JavaScript เป็นภาษาโปรแกรมเชิงวัตถุแบบไดนามิกระดับสูง และเป็นหนึ่งในภาษาโปรแกรมที่ได้รับความนิยมมากที่สุดในโลก ใช้หลักสำหรับการพัฒนาเว็บ แต่ยังใช้กันอย่างแพร่หลายในการพัฒนาฝั่งเซิร์ฟเวอร์ การพัฒนาเกม การพัฒนามือถือ และด้านอื่นๆ
JavaScript ออกแบบและพัฒนาโดย Brendan Eich จาก บริษัท Netscape ในปี 1995 โดยเริ่มต้นเรียกว่า “LiveScript” และต่อมาได้เปลี่ยนชื่อเป็น JavaScript
ในปี 1997 องค์กรระหว่างประเทศ ECMA (สมาคมผู้ผลิตคอมพิวเตอร์แห่งยุโรป) ได้เผยแพร่มาตรฐาน ECMAScript ซึ่งกำหนดไวยากรณ์และความหมายของ JavaScript การเผยแพร่มาตรฐาน ECMAScript ทำให้ JavaScript เป็นภาษามาตรฐานและได้รับการสนับสนุนจากเบราว์เซอร์หลักทั้งหมด
JavaScript แตกต่างจาก Java แม้ว่าชื่อจะคล้ายกัน แต่เป็นสองภาษาโปรแกรมที่แตกต่างกัน JavaScript ใช้หลักสำหรับการพัฒนาฝั่งหน้าบ้านและทำงานผ่านเบราว์เซอร์ ในขณะที่ Java มักใช้สำหรับการพัฒนาฝั่งหลังบ้านและเป็นภาษาโปรแกรมที่เป็นอิสระ
JavaScript มีคุณสมบัติหลักดังต่อไปนี้:
- เรียนรู้และใช้งานง่าย: ไวยากรณ์ JavaScript ค่อนข้างง่าย แม้แต่คนที่ไม่มีประสบการณ์ในการเขียนโปรแกรมก็สามารถเริ่มต้นได้อย่างรวดเร็ว
- ความเป็นไดนามิก: JavaScript เป็นภาษาแบบไดนามิก ชนิดของตัวแปรสามารถเปลี่ยนแปลงแบบไดนามิกในขณะทำงาน
- เชิงวัตถุ: JavaScript รองรับแนวคิดการเขียนโปรแกรมเชิงวัตถุ (OOP) รวมถึงการห่อหุ้ม การสืบทอด และความหลากหลาย
- ขับเคลื่อนด้วยเหตุการณ์: JavaScript มักจะใช้การประมวลผลเหตุการณ์เพื่อโต้ตอบกับผู้ใช้ เช่น การคลิกปุ่ม การป้อนข้อความ เป็นต้น
- ภาษาสคริปต์: JavaScript เป็นภาษาสคริปต์ มักจะถูกตีความมากกว่าคอมไพล์ ทำให้สามารถทำงานได้โดยตรงในเบราว์เซอร์
เมื่อเวลาผ่านไป JavaScript ค่อยๆ พัฒนาเป็นภาษาโปรแกรมทั่วไป ไม่เพียงแต่ใช้สำหรับการพัฒนาฝั่งหน้าบ้านเท่านั้น แต่ยังใช้สำหรับการพัฒนาฝั่งเซิร์ฟเวอร์ (โดยใช้ Node.js) การพัฒนาเกม แอปพลิเคชันมือถือ และการพัฒนาโปรแกรมอื่นๆ
การประยุกต์ใช้ JavaScript ในด้านอื่นๆ ได้แก่:
- การพัฒนาฝั่งเซิร์ฟเวอร์: ใช้แพลตฟอร์มเช่น Node.js ทำให้ JavaScript สามารถใช้ในการพัฒนาแอปพลิเคชันฝั่งเซิร์ฟเวอร์
- การพัฒนาเกม: JavaScript สามารถใช้ในการพัฒนาเกมเว็บและเกมมือถือ
- การพัฒนามือถือ: JavaScript สามารถใช้ในการพัฒนาแอพพลิเคชันมือถือแบบไฮบริด
วิธีการใช้ JavaScript
JavaScript ภายใน
ภายในเอกสาร HTML ฝัง JavaScript ไว้ในแท็ก <head> หรือ <body> ผ่านแท็ก <script> สคริปต์เหล่านี้จะทำงานเมื่อโหลดหน้า แนะนำให้รวมไว้ก่อนแท็กปิด </head> หรือ </body>
ตัวอย่าง:
<!-- พื้นที่ head --> <script> alert('สวัสดี JavaScript ภายใน!'); </script> <!-- พื้นที่ head -->ผลลัพธ์:
JavaScript ภายนอก
บันทึกโค้ด JavaScript ไว้ในไฟล์แยก และอ้างอิงไฟล์ภายนอกผ่านแอตทริบิวต์ src ของแท็ก <script> ซึ่งช่วยในการนำโค้ดกลับมาใช้ใหม่และการบำรุงรักษา
ตัวอย่าง:
<script src="script.js"></script> alert('สวัสดี JavaScript ภายนอก!');ผลลัพธ์:
JavaScript แบบอินไลน์
การอ้างอิงแบบอินไลน์คือการเขียนโค้ด JavaScript โดยตรงในแอตทริบิวต์เหตุการณ์ของแท็ก HTML มักใช้เพื่อจัดการกับการโต้ตอบหรือเหตุการณ์ที่เรียบง่ายและเฉพาะเจาะจง เช่น: การจัดการเหตุการณ์ การจัดการ DOM
ตัวอย่าง:
<a href="javascript:alert('สวัสดี JavaScript!')">ทดสอบ JavaScript</a>ผลลัพธ์:
