5

Cuando tengo un método por ejemplo lo siguiente:

function person() {
    console.log(`Hello ${this.name}`)
}
person.call({ name: 'Jamie' })

Puedo asignar un "this" dinámico, sin embargo, cuando se trabaja con clases, no sucede de la misma manera

class person {
    constructor() {
        console.log(this.name)
    }
}

¿Cómo podría asignar un ámbito dinámico "this" a una clase ?, algo así:

const p = new person()
p.prototype = { name: 'Jamie' }

No sabía si era específico, soy nuevo en esta clase de EC6

1
  • Hola Jamie Joao, estás en el sitio en español de Stack Overflow, por favor, traduce tu pregunta para que pueda ser reabierta. Completa el recorrido de bienvenida para aprender más sobre este sitio. Un saludo.
    – Alvaro Montoro
    el 3 dic. 2018 a las 0:42

2 respuestas 2

5

En realidad la sintaxis de ES6 (nombre oficial es ES2015) es lo que se conoce como azúcar sintáctico (Syntactic sugar en el original).

Por tanto, como puedes ver usando el transpilador de Babel, si defines una clase así:

class Test {
  constructor(param) {
    this.atributo=param;
  }

  metodo1() {
    console.log(this.atributo);
  }
}

Es equivalente a definirla así:

var Test = function () {
  function Test(param) {
    this.atributo = param;
  }

  Test.prototype.metodo1 = function metodo1() {
    console.log(this.atributo);
  };

  return Test;
}();

Esto significa que puedes modificar el contexto (this) del mismo modo:

class Test {
  constructor(param) {
    this.atributo=param;
  }

  metodo1() {
    console.log(this.atributo);
  }
}

let t1=new Test('Patito');

t1.metodo1();

//varias formas de modificar el valor de this

t1.metodo1.call({atributo: 'Pollito'});

let funcion= t1.metodo1.bind({atributo: 'Perrito'});
funcion();

let objeto= { 
   atributo: 'Gatito',
   m: Test.prototype.metodo1
}

objeto.m();

1

En el constructor tienes que crear la propiedad this.name. Por ejemplo puedes utilizar los nombres de un array.

let nombres = ["Jamie","Joao"];
let personas = []

class Person {
    constructor(nombre) {
        this.name = nombre;
        console.log(this.name)
    }
}

nombres.forEach(n=>{
  personas.push(new Person(n))
})

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.