พื้นฐาน JavaScript

พ้นื ฐาน JAVASCRIPT

JAVASCRIPT เป็ น SCRIPT LANGUAGE• สิง่ แรกที่เราต้องทราบเก่ียวกบั JavaScript คือ เป็นภาษาคอมพิวเตอร์ที่เขียนลงบนเวบ็ เพจ โดย Web Browser จะเป็นผ้อู ่านโค๊ตและตคี วามหมาย แล้วจงึ แสดงผลออกบนหน้าจอ จะเห็นได้ว่า JavaScript จะต้อง อาศยั Web Browser จงึ ไมส่ ามารถเขียนโปรแกรมแยกเป็นอิสระได้ เชน่ ไมส่ ามารถเข้าถงึ ฐานข้อมลู ได้โดยตรง หรือไมส่ ามารถเข้าใช้งานฮาร์ดแวร์ตา่ งๆ เช่น USB, CD-Rom เป็นต้น• JavaScript เป็น Client Side Script ซง่ึ หมายความวา่ มีการแปลโค๊ตในฝั่งของ Client ซง่ึ หมายความวา่ หากเราเขียนโค๊ต JavaScript เราก็สามารถใช้เครื่องคอมพิวเตอร์ของเราแสดงผลลพั ธ์ได้นนั้ เอง แตก่ ็มีข้อยกเว้น คอื Node.js และ Google Apps Script จะทางานในฝั่ง Server-side ท่ีต้องใช้เครื่อง Server ทา การประมวลผลแล้วจงึ สง่ ผลลพั ธ์มาให้เราอีกครัง้ หนง่ึ

JAVASCRIPT บน BROWSER• ในเวบ็ บราวเซอร์สามารถ disabled JavaScript ได้ ซง่ึ หมายความว่าไมต่ ้องการให้มีการรันคาสง่ั JavaScript แตใ่ น ความเป็นจริงในปัจจบุ นั คา่ Default ของทกุ ๆ บราวเซอร์จะรองรับ JavaScript แตก่ ารเขียนสคริป เราจะต้องเผื่อไว้วา่ หาก Browser ไมร่ องรับ JavaScript เวบ็ ไซต์ของเราจะต้องใช้งานได้ตามปกติ• เนื่องจาก Web Browser ทต่ี า่ งกนั จะมกี ารแสดงผลของ CSS และ JavaScript ทีแ่ ตกตา่ งกนั ออกไป โดยขนึ ้ อยกู่ บั วา่ อ้างอิงกบั JavaScript ตวั ใด จดุ เร่ิมต้น Nescape พฒั นา LiveScript ในปี 1995 จากนนั้ ในปี 1996 ก็เปลยี่ นเป็น JavaScript ซงึ่ ในขณะนนั้ Internet Explorer กพ็ ฒั นา JScript ออกมา ในปี 1997 ทาง Nescape ได้ดนั ให้ JavaScript เป็นมาตรฐาน โดยใช้ช่ือวา่ ECMAScript ตอ่ มาในปี 1999 ก็ได้เสนอ ECMAScript 3 ซงึ่ Browser สว่ นใหญ่ให้การรับรอง (IE, FireFox, Chrome, Opera, Safari) และในปี 2009 กไ็ ด้ใ้ ช้ ECMAScript 5 และ ใช้งานตอ่ เน่ืองมาถงึ ปัจจบุ นั• ด้วยการท่ี JavaScript ทใ่ี ช้อ้างองิ กบั ECMAScript 5 ซงึ่ เป็นมาตรฐาน เราจงึ สามารถใช้ JavaScript ได้อย่าง กว้างขวาง สามารถใช้งานกบั Mac, PC, Linux, Unix สามารถใช้ JavaScript ร่วมกบั ภาษายอดนิยมไมว่ า่ จะเป็น ASP.NET, ColdFusion, PHP, Ruby on Rails

เร่ิมเขยี น JAVASCRIPT• ต่อไปนีเ้ ป็ นตวั อย่างการเขียน JavaScript อย่างง่ายๆ โดยผลลัพธ์จะเป็ นการแสดงหน้าต่างโต้ตอบบนเวบ็ บราวเซอร์ 1. เปิดโปรแกรมประเภท Text Editor เชน่ Notepad++ จากนนั ้ ให้กรอกโค๊ตนีล้ งไป <script> alert(\"Hello World!\"); </script> 2. เซฟไฟล์แล้วตงั ้ ช่ือวา่ Hello.html แล้วดบั เบลิ ้ คลกิ เพ่ือเปิดไฟล์ หรือคลกิ ขวาแล้วเลอื กเปิดด้วยบราวเซอร์ท่ีต้องการ 4. ผลลพั ธ์จะปรากฏหน้าตา่ ง แสดงคาวา่ Hello World! บนหน้าจอ ซงึ่ รูปร่างหน้าต่าง หรือสีสนั ของหน้าตา่ งอาจแตกต่างกนั ออกไปขนึ ้ อย่กู บั วา่ เปิดด้วย Web Browser ตวั ใด