JavaScript getPrototypeOf with Example

JavascriptWeb DevelopmentObject Oriented Programming

The getPrototypeOf() method is used to check prototype of user created object and is often used to compare if the two given objects have the same prototype or not.

Following is the code for getPrototypeOf() function −

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 getPrototypeOf()</h1>
<div class="sample"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to get the prototype of object test
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   function fun(name, age) {
      this.name = name;
      this.age = age;
   }
   document.querySelector(".Btn").addEventListener("click", () => {
      let test = new fun("Rohan", 22);
      sampleEle.innerHTML = "The prototype for test object is = " + Object.getPrototypeOf(test);
   });
</script>
</body>
</html>

Output

On clicking the “CLICK HERE” button −

raja
Updated on 11-May-2020 12:18:39

Advertisements