JavaScript Function Apply

Javascript Web Development Object Oriented Programming

The JavaScript apply() function allows us to use the same method from different objects. The parameters are passed as an array here.

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

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 apply()</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.apply(obj1, ["car", "INDIA"]);
   });
</script>
</body>
</html>