JavaScript call() Method with Arguments.

JavascriptWeb DevelopmentObject Oriented Programming

The JavaScript call() function allows us to use the same method from different objects. The parameters are passed separately here.

Following is the code for the JavaScript function call() −

Example

 Live Demo

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .sample {
      font-size: 18px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>JavaScript call()</h1>
<div class="sample"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above buttons to check if adult or not</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   let obj1 = { name: "Rohan", age: 22 };
   function checkAdult(vehicle, country) {
      if (this.age > 18) {
         sampleEle.innerHTML = this.name + " you are an adult and can drive " + vehicle + " in " + country;
      }
      else
         sampleEle.innerHTML = this.name + " you are an adult and cannot drive " + vehicle + " in " +
country;
      }
      document.querySelector(".Btn").addEventListener("click", () => {
         checkAdult.call(obj1, 'car','INDIA');
      });
</script>
</body>
</html>

Output

The above code will produce the following output −

On clicking the “CLICK HERE” button −

raja
Published on 16-Jul-2020 11:18:07
Advertisements