JavaScript | Prototipos de objetos

Los prototipos de JavaScript se utilizan para acceder a las propiedades y métodos de los objetos. Las propiedades heredadas se definen originalmente en el prototipo o el objeto principal. El objeto Date se hereda de Date.prototype, el objeto Array se hereda de Array.prototype, etc. Los prototipos se pueden usar para agregar nuevas propiedades y métodos a los objetos existentes y al constructor de objetos.

Sintaxis:

Object.prototype

Ejemplo 1: este ejemplo agrega una nueva propiedad al objeto.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript Object Prototypes
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
      
    <h2>JavaScript Object Prototypes</h2>
      
    <p id="GFG"></p>
      
    <script>
        function Student(a, b) {
            this.name = a;
            this.id = b;
        }
          
        Student.prototype.age = 12;
          
        var s1 = new Student("Dinesh", 1234567);
          
        document.getElementById("GFG").innerHTML = s1.name +
                " is " + s1.age + " years old."; 
    </script>
</body>
  
</html>                    

Producción:

Ejemplo 2: este ejemplo agrega un nuevo método al objeto.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        JavaScript Object Prototypes
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
      
    <h2>JavaScript Object Prototypes</h2>
      
    <p id="GFG"></p>
      
    <!-- Script to add new method -->
    <script>
        function Student(a, b) {
            this.name = a;
            this.id = b;
        }
          
        Student.prototype.details = function() {
            return this.name + " " + this.id
        };
          
        var s1 = new Student("Dinesh", 1234567);
          
        document.getElementById("GFG").innerHTML
                = s1.details(); 
    </script>
</body>
  
</html>                    

Producción:

Publicación traducida automáticamente

Artículo escrito por riarawal99 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *