Palabra clave this en JavaScript
Es una palabra clave que hace referencia al contexto de ejecución actual. Es decir,this representa el objeto desde el cual se está llamando una función.La clave para entender this es saber cómo se invoca una función, no necesariamente dónde está definida.Reglas principales de this:
En el contexto global (fuera de cualquier función):
En navegadores, this se refiere al objeto window (el objeto global).
Dentro de un objeto (método):
Cuando una función es llamada como método de un objeto, this apunta al objeto que la contiene en este caso los que están dentro del bloque de código o las llaves { }
Acá en este caso this se refiere al objeto persona, es como si dijéramos lo que esta dentro de este objeto, al usar this.nombre es como decir dentro de este (this) objeto la variable llamada nombre tráeme los datos , po eso la salida al llamar a la función saludar seria Hola, soy Juan
En funciones flecha (=>):
Las funciones flecha no tienen su propio this, heredan el this del contexto donde fueron creadas ósea que el this pertenece al objeto padre veamos un ejemplo de una función usada con función de flecha
La función flecha hereda el
this de la función saludar, que a su vez pertenece al objeto con la constante llamada objetoVeamos que pasaría si la función no es una función de flecha basándonos en el siguiente código
como podemos notar la función retorno Hola, soy undefined
En clases:
Dentro de una clase, this se refiere a la instancia creada con new.
Veamos que esta pasando tenemos una clase llamada Persona, esta clase contiene un constructor donde podemos llenar una variable llamada nombre, esta a su vez crea un elemento dentro de this que hace referencia a la clase y el elemento se llama nombre, donde cuando pasen el primer parámetro que mas adelante llamamos "Lucia" llena esta variable.
luego tenemos una función llamada saludar que cuando es invocada saca un mensaje que dice Hola, soy "______" y el nombre que cargamos anteriormente en este caso Lucia
en las ultimas 2 líneas vemos el instanciamiento de la clase descargada sobre la constante llamada p diciéndole que es una nueva clase de Persona y le estamos pasando el nombre de lucia por esta razón al saludar dice Hola, soy Lucía
En este caso,
flecha hereda el this del contexto global, no de obj, porque fue definida directamente con => y no como método.Lista de Pruebas de Habilidad
this master
Instrucciones
Debes crear una función dentro del objeto que permita sumar el valor a y el valor b y retornar el resultado la función se debe llamar sumar
Editor de Código
Enviar Respuesta
Regresar al Menu