Object.prototype คืออะไร วิธีใช้งานอย่างไร
prototype constructor จะช่วยให้เราสามารถเพิ่ม properties และ method ใหม่ๆ ให้กับ object ได้ ในตัวอย่างนี้ จะใช้ Boolean() object
- เมื่อเรากำหนด property ใหม่ , object Boolean ทั้งหมด จะถูกสร้าง property และกำหนด value หรือค่า default ตามที่เรากำหนด
- เมื่อเรากำหนด method ใหม่ , object Boolean ทั้งหมด จะมี method นี้ทั้งหมด
จำไว้ว่า : Boolean.prototype ไม่สามารถใช้อ้างกับ boolean ที่ไม่ใช่แบบธรรมดาได้ สามารถใช้กับ Boolean แบบ object ได้อย่างเดียว
จำไว้ว่า : Prototype เป็น constructor ของ object ระดับ global ซึ่งจะส่งผลให้กับ JavaScript objects ทั้งหมด
<html>
<head>
<title></title>
<script type="text/javascript">
Boolean.prototype.weapon = "knife";
Boolean.prototype.DefendMode = function(){
if(this.valueOf()==true){
this.rightHand = "shield";
}else{
this.rightHand = "sword";
}
}
function myFunction(){
var n = new Boolean(true);
n.DefendMode();
var x=document.getElementById("demo");
x.innerHTML = "RightHand : "+n.rightHand;
}
</script>
</head>
<body>
<p id="demo">Click the button, and display "Shield" if the Boolean is <em>true</em>, otherwise display "sword".</p>
<button onclick="myFunction()">Defend Mode</button>
</body>
</html>
การใช้ Prototype นิยมใช้พัฒนาสำหรับทำงานในส่วนของงานตัวเอง เช่นสร้าง Framework ขึ้นมาใช้งานเอง หรือเขียน Script ขึ้นมาใช้งานเอง ตัวอย่างที่เห็นทั่วๆไปที่นำมาใช้ที่โด่งดังปัจจุบัน ได้แก่ JQuery, DOJO
ไม่มีความคิดเห็น:
แสดงความคิดเห็น