Propiedad de prototipo de string de JavaScript

La propiedad de prototipo permite agregar nuevas propiedades y métodos a los tipos de objetos de JavaScript existentes. Hay dos ejemplos para describir la propiedad prototipo de string de JavaScript.

Sintaxis:

object.prototype.name = value

Valor devuelto: Devuelve una referencia al objeto String.prototype .

Ejemplo 1: este ejemplo agrega un salario de propiedad a todos los objetos.

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JavaScript String prototype Property
    </title>
</head>
  
<body style="text-align:center;">
  
    <h1>GeeksForGeeks</h1>
      
    <p id="GFG_UP"></p>
  
    <button onclick="GFG_Fun();">
        Click Here
    </button>
      
    <p id="GFG_DOWN"></p>
      
    <script>
        var up = document.getElementById('GFG_UP');
        var down = document.getElementById('GFG_DOWN');
          
        function person(name, age) {
            this.name = name;
            this.age = age;
        }
        var p1 = new person("p1", 24);
        up.innerHTML = "Click on the button to add "
                + "a new property to all objects of"
                + " a given type.< br > " 
                + JSON.stringify(p1);
  
        function GFG_Fun() {
            person.prototype.salary = 1000;
            down.innerHTML = p1.salary;
        }
    </script>
</body>
  
</html> 

Producción:

Ejemplo 2: este ejemplo agrega una información de método a todos los objetos.

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JavaScript String prototype Property
    </title>
</head>
  
<body style="text-align:center;">
  
    <h1>GeeksForGeeks</h1>
  
    <p id="GFG_UP"></p>
  
    <button onclick="GFG_Fun();">
        Click Here
    </button>
      
    <p id="GFG_DOWN"></p>
      
    <script>
        var up = document.getElementById('GFG_UP');
        var down = document.getElementById('GFG_DOWN');
        function person(name, age) {
            this.name = name;
            this.age = age;
        }
        var p1 = new person("p1", 22);
        up.innerHTML = "Click on the button to add"
                + " a new property to all objects "
                + "of a given type.< br > " 
                + JSON.stringify(p1);
  
        function getData(name, age) {
            return "Information of person <br>Name - '" 
                        + name + "'<br>Age - " + age;
        }
  
        function GFG_Fun() {
            person.prototype.info 
                    = getData(p1.name, p1.age);
                      
            down.innerHTML = p1.info;
        }
    </script>
</body>
  
</html> 

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar 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 *