517322-Lecture: JavaScript

21/02/2013 12:45 AM Study 581 views

 

JavaScript

Client-side Programming

  • ฝังโปรแกรมไว้ในโค๊ด HTML ของเว็บเพจ กับแท็กที่ระบุส่วนประกอบของโปรแกรมคือ
    <script type=”text/javascript”>…</script>
  • browser จะประมวลผลโปรแกรมเมื่อมีการโหลดหน้าเว็บ

Script vs. Programs

  • script เป็นภาษาที่ง่ายและมีการทำงานแบบ interpreted (ทำงานไปด้วยแปลไปด้วย)
  • script ถูกฝังอยู่ในเอกสารและถูกแปลด้วยโปรแกรมแบบ interpreted
  • มีการทำงานแบบง่ายๆ ไม่ต้องการ compiler
  • ประหยัดแบนวิดธ์ เพราะจะโหลด source code ไปประมวลผลที่เครื่อง client ไม่ต้องประมวลผลก่อนส่งไป
  • ไม่ยึดติดกับ platform เพราะสามารถประมวลผลได้จาก browser ที่เรียกใช้งาน
  • หาก script มีเยอะจะทำงานช้าและทำงานไม่เต็มประสิทธิภาพ

Script

  • Javascript เป็นเว็บคริปภาษาแรกพัฒนาขึ้นโดย Netscape ในปี 1995
    • ชื่อเดิมคือ “LiveScript” ใช้กับ Netscape 2.0 แต่เปลี่ยนเป็น “JavaScript” ในปี 1995
    • ชื่อทางการเรียกว่า “ECMAScript”
    • มี syntax ที่คล้ายกับ Java หรือ C++ แต่อาจยืดหยุ่นและง่ายกว่า

Java Script

  • เป็นคำสั่งที่แสดงการทำงานบางอย่างหรือการแจ้งเตือนของหน้าเว็บ
  • สามารถทำงานข้าม platform ได้
  • มีการทำงานอยู่ในฝั่ง client

ข้อจำกัดของ client-side scripting

  • สามารถดู code ของหน้าเว็บได้จากภาษา HTML ซึ่งไม่มีความปลอดภัย
  • ทำงานไม่เต็มประสิทธิภาพ ไม่เหมาะกับโปรเจคขนาดใหญ่

Java vs. JavaScript

  • Java จะ compile คำสั่งบน server ก่อนส่งไปยังเครื่อง client
  • Java ประกอบด้วย class และมีการสืบทอด
  • Java ต้องมี library ที่เรียกใช้อยู่ด้วยในขณะที่เรียกมาใช้งาน
  • JavaScript ทำงานแบบ Interpreted บนเครื่อง Client
  • JavaScript ไม่มี class และไม่มีการสืบทอดข้อมูล
  • JavaScript มีการแทรกคำสั่งไปกับ HTML code

เกร็ดทั่วไปเกี่ยวกับ JavaScript

  • การแทรก JavaScript สามาระแทรกได้ทั้งภายในและ include มาจากข้างนอก
    • แทรกภายในตรงส่วน <head> หรือ <body>
    • include เข้ามาใช้คำสั่ง <script src=”hello.js”>…..</script>
  • หากต้องการให้ JavaScript แจ้งเตือนเป็นข้อความสามารถใช้คำสั่ง
    document.write(“Message”)
  • สามารถใช้เครื่องหมาย {} เพื่อรวมกลุ่มของแต่ละคำสั่ง
  • สามารถใช้เครื่องหมาย // หรือ /*…*/ ในการคอมเม้นข้อความที่ไม่ต้องการให้แสดงผล
  • ข้อมูลที่ใช้มีได้หลานประเภท เช่น
    • String, Number, Boolean, Null, Object, Function
  • การประกาศตัวแปรใน JavaScript ต้องประการประเภทเป็น var เริ่มต้นเสมอ
  • ตัวแปรที่ประกาศต้องไม่ซ้ำกันและต้องไม่ขึ้นต้นด้วย underscore
  • การประกาศตัวแปร String ต้องแทรกในเครื่องหมาย double quotes “”
  • หากต้องการเปลี่ยน string เป็น integer สามารถใช้คำสั่ง parseInt
  • การประกาศตัวเลขไม่มีการแยกว่าเป็น int หรือ float
  • JavaScript มี Flow การทำงานที่หลากหลาย เช่น
    • If…else, Switch…case, For, while, Do…While

 

ขอบคุณเนื้อหาจาก: slide วิชา Internet Programming

, ,