En el siguiente ejemplo tengo una clase y agrege dos funciones por prototype la primera como se define una funcion normalmente
, mientras que la segunda con arrow function
simpleClase = function(){
this.ejemplo = 1
}
simpleClase.prototype.simple = function(){
console.log(this)
}
simpleClase.prototype.arrow = () =>{
console.log(this)
}
let nuevaClase = new simpleClase();
nuevaClase.simple();
nuevaClase.arrow();
El caso es que para la funcion como se define normalmente con prototype me devuelve el contexto de la clase
, mientras que usando arrow function
me devuelve window
Con otro Ejemplo:
class Clase {
constructor(){
this.valor = 1
}
arrow() {
let miFuncion= () => console.log("arrow" , this);
miFuncion();
}
simple(){
console.log("simple" , this);
}
}
let miClase = new Clase();
miClase.arrow()
miClase.simple()
Me devuelve el contexto de la clase, esto me da la duda de como funciona prototype con arrow function mi duda es porque son diferentes estos ambitos, porque el prototype no toma el ambito de la variable