Stay Informed

พื้นฐานของ JavaScript : การแนะนำ JavaScript

 

พื้นฐานของ JavaScript : การแนะนำ JavaScript

1. JavaScript คืออะไร?

  • เป็นภาษาโปรแกรมที่ใช้เขียนสคริปต์ฝั่งผู้ใช้ (client-side) บนเว็บไซต์

  • ช่วยให้เว็บไซต์มีความโต้ตอบ (interactive) เช่น แบบฟอร์ม, ปุ่ม, แอนิเมชัน

  • ปัจจุบันสามารถใช้ฝั่งเซิร์ฟเวอร์ (server-side) ได้ด้วย เช่น ด้วย Node.js

2. จุดเด่นของ JavaScript

  • เรียนรู้ง่าย

  • ทำงานร่วมกับ HTML และ CSS ได้ดี

  • รันในเบราว์เซอร์ของผู้ใช้โดยไม่ต้องติดตั้งโปรแกรมเสริม

  • มีชุมชนขนาดใหญ่ และมีเครื่องมือ/ไลบรารีจำนวนมาก เช่น React, Vue, Angular

3. ตัวอย่างการใช้งานพื้นฐาน

การแทรก JavaScript ในเว็บ

html

<!DOCTYPE html>
<html>
<head>
  <title>My First JavaScript</title>
</head>
<body>

<h1>สวัสดี JavaScript!</h1>

<button onclick="alert('สวัสดี!')">กดฉัน</button>

</body>
</html>

เขียนในไฟล์ .js แยก

html
<script src="myscript.js"></script>

4. โครงสร้างภาษาเบื้องต้น

  • ตัวแปร (Variables): var, let, const

  • ฟังก์ชัน (Functions)

  • เงื่อนไข (Conditionals): if, else, switch

  • วนลูป (Loops): for, while

  • อ็อบเจ็กต์ (Objects)

  • อาร์เรย์ (Arrays)

ตัวอย่าง

javascript

let name = "มิว";
console.log("สวัสดี " + name);

function add(a, b) {
  return a + b;
}

console.log(add(3, 5));

5. ข้อควรระวัง

  • JavaScript เป็นภาษา loosely typed (ไม่ต้องประกาศชนิดตัวแปร)

  • ความปลอดภัย: ต้องระวัง XSS, Injection

  • ความแตกต่างระหว่างเบราว์เซอร์บางตัว (แม้จะลดลงมากแล้วในปัจจุบัน)



Facebook Comment