Implementé este código usando javascript para verificar cómo funciona this en la función de flecha.
variable = 'Global variable'; function normalFunc () { console.log(this.variable); } const arrowFunc = () => { console.log(this.variable); }; const objNormal = { variable: 'Inner variable', func: normalFunc }; const objArrow = { variable: 'Inner variable', func: arrowFunc }; objNormal.func(); objArrow.func(); arrowFunc(); Aprendí que this se refiere a un objeto global en la función de flecha, así que esperaba un resultado como este👇
Inner variable Global variable Global variablePERO el resultado real fue este... 👇
Inner variable undefined undefined En realidad, es realmente extraño porque esto depende de dónde ejecutar este código... en JS Fiddle, this se refiere al objeto global como esperaba. Pero en mi terminal y en este sitio de juegos , this no se refiere a un objeto global.
¿Estoy malinterpretando this o simplemente falta algo en mi código?
Por favor, ayúdame a entender por qué sucede esto.
El sitio web vinculado transpila el código JS para que esté dentro de una función, por lo que this es una window . Si cambia su primera línea para que sea
this.variable = 'Global variable';el código funciona como se esperaba.
Cuando esto se pega en un archivo .js ( filename.js ) y se ejecuta con node ( node filename.js ), la palabra clave this es un objeto vacío, mientras que global es algo completamente diferente. Esto es diferente de ejecutar este código en el modo REPL, donde this === global .
En ambos casos, cuando dices variable = 'Global variable'; , está asignando a window.variable o global.variable , por lo que no puede acceder con this.variable .