JavaScript call() Function

February 8, 2021 10:45 am IST

You are Here:

JavaScript call() Function

The call() function calls a function or method as if it belonged to thisObj and passes individual arguments to the function or method.

Note: The call() function passes the arguments individually. Whereas, the apply() function passes an array of arguments.

Basic Example

The following is the basic example to be understood before proceeding with a call() function.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <p id="point"></p> <script> var x = document.getElementById("point"); var bike = { brand : "Honda", model : "CB1000R", detail : function(){ return this.brand + " " + this.model; } } x.innerText = bike.detail(); </script> </body> </html>

Run

Syntax

function.call(Object, arg1, ..., argN)

Parameter Values

Value	Type	Explanation
Object	Optional	The value of thisObj provided for the call to a function.
arg1, ..., argN	Optional	Arguments for the function.

call() with Object and without Arguments

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <p id="point"></p> <script> var x = document.getElementById("point"); var bike = { detail : function(){ return this.brand + " " + this.model; } } var bike1 = { brand : "Harley Davidson", model : "FAT BOB", } var bike2 = { brand : "Yamaha", model : "MT-09", } x.innerText = bike.detail.call(bike2); </script> </body> </html>

Run

call() with Object and Arguments

Note: The arguments are passed individually.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <p id="point"></p> <script> var x = document.getElementById("point"); var bike = { detail : function(color, price){ return this.brand +" "+ this.model +" "+ color +" "+ price; } } var bike1 = { brand : "Harley Davidson", model : "FAT BOB", } var bike2 ={ brand : "Yamaha", model : "MT-09", } x.innerText = bike.detail.call(bike2, "Red", "$15592"); </script> </body> </html>

Run