Listado completo de tutoriales

ES6 - nombres de métodos abreviados


Con ES6 disponemos una nueva sintaxis para definir nombres de métodos abreviados cuando definimos objetos literales. Veamos la sintaxis anterior con JavaScript:

  var operacion = {
    valor1: 10,
    valor2: 7,
    sumar: function() {
      return this.valor1+this.valor2;
    },
    restar: function() {
      return this.valor1-this.valor2;
    }
  }

  document.write(operacion.sumar());
  document.write('<br>');
  document.write(operacion.restar());

La sintaxis abreviada para la definición de los dos métodos es:

    const operacion = {
        valor1: 10,
        valor2: 7,
        sumar() {
            return this.valor1+this.valor2;
        },
        restar() {
            return this.valor1-this.valor2;
        }
    }

    document.write(operacion.sumar());
    document.write('<br>');
    document.write(operacion.restar());

Como vemos disponemos el nombre del método, los parámetros y finalmente el algoritmo:

    sumar() {
        return this.valor1+this.valor2;
    },

Desaparecen los dos puntos y la palabra clave function.

Problema

Crear un objeto literal llamado cliente1 con dos propiedads 'nombre' y 'saldo'. Definir tres métodos con notación abreviada que permitan depositar, extraer e imprimir su saldo/

<!DOCTYPE html>
<html>

<head>
    <title>Ejemplo de JavaScript</title>
    <meta charset="UTF-8">
</head>

<body>

    <script>
        const cliente1 = {
            nombre: 'Juan',
            saldo: 0,
            imprimir() {
                document.write(this.nombre + '<br>');
                document.write(this.saldo + '<br>');
            },
            depositar(monto) {
                this.saldo = this.saldo + monto;
            },
            extraer(monto) {
                this.saldo = this.saldo - monto;
            }
        };

        cliente1.imprimir();
        cliente1.depositar(1000);
        document.write('Estado luego de depositar 1000 pesos</br>');
        cliente1.imprimir();
        cliente1.extraer(200);
        document.write('Estado luego de extraer 200 pesos</br>');
        cliente1.imprimir();
    </script>

</body>

</html>

Como podemos comprobar para cada método indicamos su nombre, los parámetros y finalmente su algoritmo:

            depositar(monto) {
                this.saldo = this.saldo + monto;
            },

Retornar