Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
Javascript – #3.01. Definición de objetos
En esta primera lección aprenderemos los tres modos de hacer una definición de objetos en Javascript: de manera simple usando un literal, con la palabra reservada new o como definición de objeto propio utilizando function. Además, aprenderemos para qué se utiliza la palabra this.
A partir de la versión de Javascript ES6 se introdujeron las clases, una mejora sobre la herencia basada en prototipos que provee una sintaxis más clara y simple para crear objetos.
Tweet
Veamos la sintaxis de los tres modos de los que os hablo:
El primero, utilizando un literal, tiene este aspecto:
var nombreObjeto = {
miembro1Nombre: miembro1Valor,
miembro2Nombre: miembro2Valor,
miembro3Nombre: miembro3Valor
}Otro modo de hacerlo es utilizando la palabra reservada new:
var nombreObjeto = new Object();Y por último, definiendo un constructor utilizando la palabra function. ¡Ojo! ¡No confundas los objetos con funciones!
function NombreObjeto ([argumentos_si_los_hubiese]){
this.atributo1 = argumento1;
this.atributo2 = argumento2;
this.atributo3 = argumento3;
}
En el curso de Javascript ES6 profundizaremos en otro modo de trabajar con clases y objetos.
Tweet
¿Queréis ver cómo poner en práctica lo que os acabo de comentar? ¡Veamos el siguiente vídeo!
¡Consulta en la pestaña Materiales el código fuente trabajado en la lección!
¿No te ha quedado claro? ¿Quieres aportar tu punto de vista? ¡Deja tu comentario!
Hola Laura. ¿Podrías explicarnos todos los demás casos de funcionamiento de this?
Estoy teniendo un problema en un código Typescript (que al final se transpila a JS) en el cual estoy perdiendo la referencia a this. Pero después de mucho leer, y leer no sé el motivo de que se pierda la referencia….
https://es.stackoverflow.com/questions/399214/error-typeerror-this-is-undefined-al-realizar-una-validaci%c3%b3n-as%c3%adncrona-con-angu/399296#399296
La sentencia de la discordia es esta, aunque he comprobado que ya en el principio del método se había perdido la referencia a this:
this.auth.buscarUsuario(control.value).subscribe(….
¡Hola, Antonio!
He leído el mensaje que has dejado en Stackoverflow y la verdad es que es difícil encontrar un error si no tienes todo el contexto y puedes probar el código. Me ocurre en clase cuando algún alumno/a me pregunta una duda y tienen un súper proyecto en Vue con Laravel con decenas de archivos… ¡habría que echarle un rato para probar a ver qué ocurre!.
En cualquier caso, por lo que puedo ver, comprueba a ver qué tiene la variable “this” antes de ejecutar formAlta, porque yo creo que no estás pasando correctamente la información a través de ese objeto.
¡Nos vas contando! ¡Un saludo y ánimo!