Contenido del curso
Playground - Encapsula datos de los usuarios
Jose Carlos Machado
Estudiante
Leonardo de los angeles Espinoza Hernandez
Estudiante
Carina Payleman
Estudiante
Raul Carrillo Garrido
EstudianteRaul Carrillo Garrido
EstudianteRaul Carrillo Garrido
Estudiante
D M O S
Estudiante
Santiago Quintero
Estudiante
Christopher Armando Jiménez Valverde
Estudiante
Fernando Marcial Rondón Puma
Estudiante
Joan Alexander Valerio Rodríguez
Estudiante
Andrés Soret Chacin
Estudiante
Andres Felipe Torres
Estudiante
Harrison Steve Pinzón Neira
Estudiante
David Ochoa
Estudiante
Rubén Hernández Hernández
Estudiante
Pablo Perez
Estudiante
Pariksit Erikrsnan Ortiz Flores
Estudiante
Angel Javier Sanchez Tenjo
Estudiante
Alexis Corrales
Estudiante
Esteban Alzate Atehortua
Estudiante
Jaime Alberto Parra Acevedo
Estudiante
Alejandro Anaya
EstudianteRecalcar que en las pruebas sale Usuario en español en vez de User en ingles, las "boberias" atrasan... :)
class User { // Tu código aquí 👈 constructor(name,age){ this._name=name; this._age=age; this._friends=[]; this._messages=[]; } addFriend(friend){ this._friends.push(friend); } sendMessage(message, friend){ this._messages.push(message); friend._messages.push(message); } showMessages(){ return this._messages; } get name(){ return this._name; } set name(name){ if(name.length>0){ this._name=name; } else{ throw new Error("Agregue un nombre válido"); } } get age(){ return this._age; } set age(age){ if(age>0){ this._age=age; }else{ throw new Error("Agregue una edad válida"); } } }
Me llevo este feedback para corregirlo 💪
export class User { constructor(name, age, friends = [], messages = []) { this._name = name; this._age = age; this._friends = friends; this._messages = messages; } get name() { return this._name; } set name(newName) { this._name = newName; } get age() { return this._age; } set age(newAge) { this._age = newAge; } addFriend(friend) { this._friends.push(friend); } sendMessage(message, friend) { this._messages.push(message); friend._messages.push(message) } showMessages() { return this._messages; } }
Siguiendo en torno al uso de chatGPT de # con variables privadas ... Bing me responde: https://sl.bing.net/5hMaDP3NzE voy a revisar fuente 2 para ver que validez tiene, pero si realmente # bloquea las privadas a nivel de implementacion de JS deberia ser la opcion elegida.
En la referencia se indica que es una funcionalidad nueva desigualmente soportada por los motores, aunque el artículo tiene año y medio, será que ya esta soportado plenamente? https://es.javascript.info/private-protected-properties-methods
Si he interpretado bien la tabla (https://kangax.github.io/compat-table/es2016plus/) es soportado por navegadores pero aun su soporte por parte de librerias es inestable o inexistente. Todavia no alcanzo a ver clara la info en este tipo de tablas masivas...
En el método sendMessage, siendo la propiedad _messages PRIVADA si es factible interactuar con dicha propiedad de esta manera con el usuario friend friend__messages push(message). En este caso el encapsulamiento si estaría aplicable?
No comprendo del todo bien la lógica detras del encapsulamiento con _propiedad=propiedad;
Como se supone que "protege"?.
Me gustaria me pudiesen explicar la nueva forma de definir metodos y propiedades privadas con #.
Esto de los getters y setters me ha resultado algo confuso, y eso que ya vi a detalle el curso de POO. :(
Comparto mi solucion
export class User { constructor(name, age) { this._name = name; this._age = age; this._friends = []; this._messages = []; } addFriend(friend) { this._friends.push(friend); } sendMessage(message, friend) { this._messages.push(message); const searchFriend = this._friends.find(amigo => amigo === friend); if(searchFriend) { friend._messages.push(message); } else { return "No tienes en tu lista de amigos a la persona que buscas"; } } showMessages() { return this._messages; } get name() { return this._name; } set name(newName) { if(newName === "") { return "El nombre no puede estar vacio"; } else { this._name = newName; } } get age() { return this._age; } set age(newAge) { if(newAge <= 0) { return "La edad debe no puede ser cero o negativo"; } else { this._age = newAge; } } }
Mi aporte: // // // // // // // // // //
export class User { constructor(name, age) { this._name = name; this._age = age; this._friends = []; this._messages = []; } get name() { return this._name; } set name(newName) { return (this._name === '') ? 'El nombre no puede estar vacio' : this._name = newName; } get age() { return this._age; } set age(newAge) { return (this._age < 0) ? 'No es posible tener una edad menor a 0' : this._age = newAge; } addFriend(friend) { this._friends.push(friend); } sendMessage(message, friend) { this._messages.push(message); friend._messages.push(message); } showMessages() { return this._messages; } }
Si entendieron bien las ultimas dos lecciones, será bien sencillo completar este reto :)
Sin embargo no puedo dejar de mencionar esto. Trabajo dentro de la industria y estoy haciendo este curso para mejorar mis habilidades y conocimientos en javascript. En algunas ocasiones la documentación en estos retos tiende a ser algo confusa y en otros casos se omiten ciertas informaciones que son necesarias para cumplir el reto. Tomen en cuenta que otros participantes están iniciando en este hermoso mundo de la programación y este tipo de cosas puede llegar a frustrar cuando no sabes como resolverlo.
En mi fue solo un comentario amistoso para mejorar :) Aqui les comparto mi solución:
Mi solución 👇
class User { constructor(name, age) { this._name = name; this._age = age; this._friends = []; this._messages = []; } addFriend(friend) { this._friends.push(friend); } sendMessage(message, friend) { this._messages.push(message); friend._messages.push(message); } showMessages() { return this._messages; } get name() { return this._name; } set name(n) { if (n.length === 0) { throw new Error("Agregue un nombre válido"); } else { this._name = n; } } get age() { return this._age; } set age(num) { if (num <= 0) { throw new Error("Agregue una edad válida"); } else { this._age = num; } } }
Mi aporte
export class User { constructor(name, age) { this._name = name; this._age = age; this._friends = []; this._messages = []; } get age() { return this._age; } get name() { return this._name; } set name(name) { this._name = name; } set age(age) { this._age = age; } addFriend(friend) { this._friends.push(friend); } sendMessage(message, friend) { this._messages.push(message); friend._messages.push(message); } showMessages() { return this._messages; } }
Desafio superado!
🛡️🛡️🛡️Escudo anti spoilers🛡️🛡️🛡️
Encapsula datos del usuaio
!Spoiler Shield
export class User { // Tu código aquí 👈 constructor(name, age) { this._name = name; this._age = age; this._friends = []; this._messages = []; } // Setters set message(newMessage) { if (newMessage !== "") { this._messages.push(newMessage); } } set name(newName) { if (newName !== "") { this._name = newName; return; } throw new Error("The name must not be empty"); } set age(newAge) { if (newAge > 0) { this._age = newAge; return; } throw new Error("The new age should be positive"); } // Getters get name() { return this._name; } get age() { return this._age; } addFriend(amigo) { if (amigo instanceof User) { this._friends.push(amigo); } } sendMessage(message, friend) { if (typeof message === "string" && friend instanceof User) { this._messages.push(message); friend.message = message; } } showMessages() { return this._messages; } }
Mi solución 💚 !follow . . . .
class User { constructor(name, age) { this._name = name this._age = age this._friends = [] this._messages = [] } addFriend(friend) { this._friends.push(friend) } sendMessage(message, friend) { this._messages.push(message) friend._messages.push(message) } showMessages() { return this._messages } get name() { return this._name } set name(name) { this._name = name } get age() { return this._age } set age(age) { this._age = age } }
export class User { constructor(name, age) { this._name = name this._age = age this._friends = [] // obj[] this._messages = [] // string[] } addFriend(friend) { this._friends.push(friend) } sendMessage(message, friend) { this._messages.push(message) friend._messages.push(message) } showMessages() { return this._messages } get name() { return this._name } set name(string) { if (typeof string === "string" && string.length !== 0) { this._name = string } } get age() { return this._age } set age(n) { if (n > 0) { this._age = n } } }
Mi aporte: | | | | | | | | |
export class User { // Tu código aquí 👈 constructor(name, age) { this._name= name; this._age = age; this._friends = []; this._messages = []; } get name() { return this._name; } set name(newName) { this._name = newName; } get age() { return this._age; } set age(number) { this._age = number; } addFriend(friend) { this._friends.push(friend); } sendMessage(message, friend) { this._messages.push(message); friend._messages.push(message); } showMessages() { return this._messages; } }
Hola, Comparto la solución del Reto:
✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅
export class User { constructor(name, age) { this._name = name; this._age = age; this._friends = []; this._messages = []; } addFriend(friend) { this._friends.push(friend); } sendMessage(message, friend) { this._messages.push(message); friend?.sendMessage(message, null); } showMessages() { return this._messages; } get name() { return this._name; } set name(newName) { this._name = newName; } get age() { return this._age; } set age(newAge) { this._age = newAge; } }
export class User { constructor(name, age) { this._name = name; this._age = age; this._friends = []; this._messages = []; } addFriend(friend) { this._friends.push(friend) } sendMessage(message, friend) { this._messages.push(message) friend._messages.push(message); } showMessages() { return this._messages; } get name() { return this._name; } set name(newName) { this._name = newName; } get age() { return this._age; } set age(newAge) { this._age = newAge; } }
Mi solución: . . . . . . . . . . . . . . . . . .
export class User { constructor(name,age){ this._name=name; this._age=age; this._friends = []; this._messages = []; } get name(){ return this._name; } addFriend(friend){ this._friends.push(friend); } sendMessage(message,friend){ this._messages.push(message); friend._messages.push(message); } showMessages(){ return this._messages; } set name(newName){ this._name = newName; } get age(){ return this._age; } set age(newAge){ this._age = newAge; } }
Mi solución
export class User { constructor(name, age, friends = [], messages = []) { this._name = name; this._age = age; this._friends = friends; this._messages = messages; } get name() { return this._name; } set name(newName) { this._name = newName; } get age() { return this._age; } set age(newAge) { this._age = newAge; } addFriend(friend) { this._friends.push(friend); } sendMessage(message, friend) { this._messages.push(message); if (friend) { friend.sendMessage(message) } } showMessages() { return this._messages; } }
🛡️🛡️Escudo anti-spoilers🛡️🛡️
Mi solución al reto:
export class User { constructor(name, age, friends, messages) { this._name = name; this._age = age; this._friends = friends || []; this._messages = messages || []; } addFriend(friend) { this._friends.push(friend) } set message(msg) { this._messages.push(msg) } sendMessage(message, friend) { // buscar al amigo y agregarle el mensaje console.log('hola amigo ', friend.name, friend) this._friends = this._friends.map((user) => { if (user.name === friend.name) { console.log('aqui', user.name, friend.name) user.message = message console.log('mensajes', user) } return user }) this.message = message } showMessages() { return this._messages } get name() { return this._name; } set name(value) { this._name = value } get age() { return this._age } set age(age) { this._age = age } }
