Contenido del curso
Playground - Encapsula datos de los usuarios
Jose Carlos Machado
student
Leonardo de los angeles Espinoza Hernandez
student
Carina Payleman
student
Raul Carrillo Garrido
studentRaul Carrillo Garrido
studentRaul Carrillo Garrido
student
D M O S
student
Santiago Quintero
student
Christopher Armando Jiménez Valverde
student
Fernando Marcial Rondón Puma
student
Joan Alexander Valerio Rodríguez
student
Andrés Soret Chacin
student
Andres Felipe Torres
student
Harrison Steve Pinzón Neira
student
David Ochoa
student
Rubén Hernández Hernández
student
Pablo Perez
student
Pariksit Erikrsnan Ortiz Flores
student
Angel Javier Sanchez Tenjo
student
Alexis Corrales
student
Esteban Alzate Atehortua
student
Jaime Alberto Parra Acevedo
student
Alejandro Anaya
studentRecalcar 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 } }
