สรุป JavaScript วันที่ 26/08/2556

1.เรื่อง JavaScript: Functions

-เป็นการลดการเขียนโค้ดคำสั่งเดิมๆ ซ้ำๆ กัน ไม่ต้องเขียนหลายรอบ เขียนครั้งเดียวแต่สามารถเรียกใช้ได้หลายๆ ครั้ง โดยไม่ต้องเสียเวลาเขียนโค้ดใหม่อีก

       Function แบบนี้ส่วนใหญ่เราจะใช้กับการนำไปคำนวณค่าต่างๆนะครับ
พอได้ตัวแปรส่งค่ามา เอาไปคำนวณใน Function แล้วส่งผลลัพธ์ออกมา

ตัวอย่างกัน

<script language=”javascript”>
function multinum(num1,num2) {
var result= num1 * num2;
document.write(result);
}
multinum(10,20);
</script>

    Code บรรทัดแรกเปิดด้วยการสร้าง Function ชื่อ multinum โดยให้เก็บค่า
ตัวแปร num1 กับ num2
บรรทัดต่อมาผมประกาศตัวแปรชื่อ result โดยเก็บค่า num1 คูณกับ num2
บรรทัดต่อมาผมให้แสดงค่าที่อยู่ในตัวแปร result ออกมา
บรรทัดต่อมาผมเรียก Function multinum โดยระบุค่าลงไป
แต่แบบนี้เราจำเป็นต้อง ให้แสดงค่าใน Function เลย
แต่หากเราต้องการให้แสดงค่าออกมาทางอื่น เราคงต้อง ส่งค่าคืนกลับมาด้วย

<script language=”javascript”>
function multinum(num1,num2) {
var result= num1 * num2;
return result;
document.write(result);
}
var result=multinum(10,20);

document.write(result);

 </script> 

นอกจากนั้นยังมี

–Function maximum เป็นการเช็คว่าค่าที่รับมาค่าไหนมากที่สุด

-Function ทอยลูกเต๋าและทำเป็นสถิติได้

-Function Factorial เป็นต้น

2.เรื่อง JavaScript: Arrays

-ถ้าพูดถึง array ก็ต้องนึกถึงข้อมูลที่มีเป็นชุดๆ จำนวนมาก มีตั้งแต่ 1มิติ 2มิติ 3มิติ เป็นต้น

-การประการตัวแปร array ต้องมีเครื่องหมาย “[]” ตลอด เช่น var num=[2,3,5,1]; โดยสามารถเก็บได้ทั้ง String และ integer หรือ float ก็ได้

-วิธีเก็บข้อมูลของ array คือ ช่องแรก คือ index ที่ 0 และช่องถัดไปคือ 1 ไปเรื่อยๆ

-สามารถใช้ Method Sort เพื่อเรียงข้อมูลที่มีอยู่ โดยเรียงจากมากไปน้อยหรือน้อยไปมากก็ได้
-สามารถใช้ Method indexOf เพื่อค้นหาค่าใน array ได้

3.เรื่อง JavaScript: Objects

-object ก็คือ method ต่างๆ ที่เราสามารถเรียกใช้ได้เลย เช่นMath.PI,Math.E,substring,getDate,getDay,getTime เหล่านี้เรียกว่า object