Actualmente estoy trabajando en un proyecto en el que quiero diferenciar una serie de funciones (referencias de función) y ejecutar la función.
Esto solo funciona si no llamo a otro método de clase dentro de la función. De lo contrario, obtengo "Error de tipo no detectado" y no puedo encontrar la manera de resolver este error.
Aquí está mi ejemplo de código 'funcionando' de la misma manera que lo hace mi proyecto original: después de llamar a function2, el motor no puede encontrar this.log...
¿Tienes ideas? Muchas gracias por adelantado.
KR, Roberto
class ArrayWithFunctions { constructor() { this.functionTable = [ this.function1, this.function2, ]; } execute(index) { return (this.functionTable[index])(); } log(chars) { console.log(chars); } function1() { console.log('I am Function 1.'); } function2() { this.log('I am Function 2.'); } } let example = new ArrayWithFunctions(); example.execute(0); example.execute(1);Este es un ejemplo de los contextos de ejecución de Javascript en acción. En esta situación, para evitar perder la referencia correcta a la clase, puede vincular las funciones al colocarlas dentro de la matriz o inicializarlas como funciones de flecha:
Ejemplo 1: vincularlos en el constructor:
constructor() { this.functionTable = [ this.function1.bind(this), this.function2.bind(this), ]; }Ejemplo 2: Créalas como funciones de flecha:
class ArrayWithFunctions { // ... function1 = () => { console.log('I am Function 1.'); } function2 = () => { this.log('I am Function 2.'); } }Puede usar funciones de flecha para esquivar problemas de alcance:
function2 = () => { this.log('I am function 2.'); }Relacionado: Cómo acceder al 'esto' correcto dentro de una devolución de llamada (y es posible que también desee echar un vistazo a ¿Cómo funciona la palabra clave "esto"? ).
En este caso, simplemente puede establecer this valor correcto llamando a la función con .call :
return this.functionTable[index].call(this);