วิธี apply

วิธี apply อนุญาตให้เรียกใช้ฟังก์ชัน ด้วย context ที่กำหนด พารามิเตอร์แรกของ วิธีนี้ควรระบุ context ของฟังก์ชัน และพารามิเตอร์ที่สองคืออาร์เรย์ของพารามิเตอร์ของฟังก์ชัน

ไวยากรณ์

javascriptฟังก์ชัน.apply(context, อาร์เรย์ของพารามิเตอร์);

ตัวอย่าง

สมมติว่ามีอินพุต:

html<input id="elem" value="text">

สมมติว่ามีฟังก์ชันที่รับพารามิเตอร์สามตัว:

javascriptfunction func(param1, param2, param3) {
  console.log(this.value + param1 + param2 + param3);
}

มาเรียกใช้ฟังก์ชันของเราเพื่อให้ this ภายในฟังก์ชันเท่ากับอินพุตของเรา และ ส่งพารามิเตอร์ให้เป็นตัวเลข 1, 2 และ 3:

javascriptlet elem = document.querySelector('#elem');
func.apply(elem, [1, 2, 3]);

ตัวอย่าง

สมมติว่าฟังก์ชันไม่รับพารามิเตอร์:

javascriptfunction func() {
  console.log(this.value);
}

ในกรณีนี้ เมื่อเรียกใช้ฟังก์ชันนี้ ผ่าน apply ก็เพียงพอที่จะส่ง เพียงพารามิเตอร์แรกที่มี context:

javascriptlet elem = document.querySelector('#elem');
func.apply(elem);

ดูเพิ่มเติม

  • วิธี call,
    ซึ่งเรียกใช้ฟังก์ชันด้วย context
  • วิธี bind,
    ซึ่งผูก context กับฟังก์ชัน