how to execute functions in the constructor of a class js

Question

how to execute functions in the constructor of a class js

Navigation

#1 by (2 votes)
#2 by (0 votes)
#3 by (0 votes)

0

I wanted to execute a function of the own class in the constructor of that class, in this case the purpose was that the class was going to be a game so in the constructor when calling it a function was executed to initiate that modifies what was . but when calling the variable in the constructor I get that it is not defined.

class JuegoSnake {
  constructor() {

    this.scl = 40;
    this.canv.width = window.innerWidth;
    this.canv.height = Math.floor(window.innerHeight * 1);
    iniciar();

  }


  iniciar() {

    console.log("lo que sea");
  }
}

javascript

asked by parrado 11.09.2018 в 23:55

source

3 answers

Pass the ID number from one input to another on a different page I can not use a Json file

score 2 · Answer 1

You must call with this.

class JuegoSnake {
  constructor() {

    this.iniciar();
    this.scl = 40;
//modificación respecto al código del OP para hacer que funcione el constructor
    this.canv = {
      width : window.innerWidth,
      height : Math.floor(window.innerHeight * 1)
    }
  }


  iniciar() {
    console.log("lo que sea");
  }
}
new JuegoSnake();

score 0 · Answer 2

You simply reference the method with this . It is the correct and elegant way to do it.

class Person{
  constructor(nombre, age){
    this.nombre = nombre;
    this.age = age;
    // Se llama al método con [ this ]
    this.mostrarDatos();
  }
  
  mostrarDatos(){
    console.log(this.nombre + ' Tiene ' + this.age + ' años.');
    document.write(this.nombre + ' Tiene ' + this.age + ' años.');
  }
}

var yo = new Person('Fulanito Perez', 20);

score 0 · Answer 3

You can do it like this:

class JuegoSnake {
constructor() {

    this.scl = 40;
    this.canv = {};
    this.canv.width = window.innerWidth;
    this.canv.height = Math.floor(window.innerHeight * 1);
        
    this.iniciar = function() {

        console.log("lo que sea");
    }
    this.iniciar();
}

}


var juego = new JuegoSnake();