Contenido del curso
Playground - Sistema de pagos
Israel Blas
student
David Ochoa
student
Osvaldo Martinez Guillen
student
Mauricio Viveros
student
Alejandro Anaya
student
Christopher Armando Jiménez Valverde
student
Harrison Steve Pinzón Neira
studentDavid Ochoa
student
Rubén Hernández Hernández
student
Pablo Perez
student
Alexis Corrales
student
Angel Javier Sanchez Tenjo
student
Carina Payleman
student
Esteban Alzate Atehortua
student
Elias Rayas Gonzalez
student
Gabriel Luna
student
Ivan Pérez Arencibia
student
Daniel Sebastián Rodríguez
student
David Higuera
student
Frandel Corporan Rodríguez
student
Jose Carlos Machado
studentCon este reto descubrí algo interesante y es que si extiendes una clase sobre otra debes siempre debes poner el super constructor aunque no le pases propiedades.
Ahora si dejo mi respuesta abajo.
Solución:
. . . . . . . . . .
++Card.class.js:++
import { Pay } from "./Pay.class.js"; export class Card extends Pay { constructor(number) { super() this.number = number } makePay(quantity) { try { if (this.number.length !== 16) throw Error('No tiene 16 dígitos') return { ...super.makePay(quantity), lastCardNumbers: this.number.slice(-4) } } catch (e) { throw Error(e) } } }
++Cash.class.js:++
import { Pay } from "./Pay.class.js"; export class Cash extends Pay { makePay(quantity) { return super.makePay(quantity) } }
++Pay.class.js:++
export class Pay { makePay(quantity) { return { realized: true, quantity: quantity } } }
++PayPal.class.js:++
import { Pay } from "./Pay.class.js"; export class PayPal extends Pay { constructor(email) { super() this.email = email } makePay(quantity) { return { ...super.makePay(quantity), platform: "PayPal", email: this.email } } }
++exercise.js:++
export function processPay(method, quantity) { return method.makePay(quantity) }
Exactamente al mío 😎 solamente para que lo consideres, la clase Cash tranquilamente pudo haber quedado vació ya que no requiere sobreescribir el metodo makePay() ya que hereda todo.
Quedandote literalmente asi
import { Pay } from "./Pay.class.js"; export class Cash extends Pay { // Tu código aquí 👈 }
Un reto muy interesante, mi solución: 🛡️ 🛡️ 🛡️ 🛡️ 🛡️ 🛡️ 🛡️ 🛡️ 🛡️ 🛡️ ++exercise.js++
export function processPay(method, quantity) { return method.makePay(quantity); }
++PayPal.class.js++
import { Pay } from "./Pay.class.js"; export class PayPal extends Pay { constructor(email) { super(); this.email = email; } makePay(quantity) { return { ...super.makePay(quantity), platform: "PayPal", email: this.email }; } }
++Pay.class.js++
export class Pay { constructor() { this.realized = true; } makePay(quantity) { return { realized: this.realized, quantity }; } }
++Cash.class.js++
import { Pay } from "./Pay.class.js"; export class Cash extends Pay { constructor() { super(); } }
++Card.class.js++
import { Pay } from "./Pay.class.js"; export class Card extends Pay { constructor(card) { super(); this.card = card; } makePay(quantity) { if (this.card.length === 16) { return { ...super.makePay(quantity), lastCardNumbers: this.card.slice(-4) }; } else { throw Error("Error, la tarjeta debe ser de 16 digitos") } } }
. . ------------------------------------------------------------ . . 🛡️🛡️🛡️ESCUDO ANTI SPOILER 🛡️🛡️🛡️ . . ------------------------------------------------------------ . . . Muy interesante este reto, creo que lo hare un par de veces mas para comprenderlo mejor. . .
. . . . . .
. . . . . . . . . .
Card.class.js
import { Pay } from "./Pay.class.js"; export class Card extends Pay { constructor(cardNumber) { super(); this.cardNumber = cardNumber; } makePay(quantity) { if (this.cardNumber.length !== 16) { throw new Error("Número de tarjeta invalido"); } return { ...super.makePay(quantity), lastCardNumbers: this.cardNumber.slice(-4) }; } }
Cash.class.js
import { Pay } from "./Pay.class.js"; export class Cash extends Pay { makePay(quantity) { return super.makePay(quantity) } }
Pay.class.js
export class Pay { makePay(quantity) { return { realized: true, quantity } } }
PayPal.class.js
import { Pay } from "./Pay.class.js"; export class PayPal extends Pay { constructor(email) { super(); this.email = email; } makePay(quantity) { const pay = super.makePay(quantity); pay.platform = "PayPal"; pay.email = this.email; return pay; } }
exercise.js
export function processPay(method, quantity) { return method.makePay(quantity) }
🛡️🛡️Escudo anti-spoilers🛡️🛡️
Mi solución al reto:
import { Pay } from "./Pay.class.js"; export class Card extends Pay { constructor(cardNumber) { super() this.cardNumber = cardNumber } makePay(cantidadAPaga) { if (this.cardNumber.length < 16) { throw new Error('Error en el longitud de los digitos de la tarjeta') } return { ...super.makePay(cantidadAPaga), lastCardNumbers: this.cardNumber.substring(this.cardNumber.length - 4, this.cardNumber.length) } } }
Cash.class.js
import { Pay } from "./Pay.class.js"; export class Cash extends Pay { constructor() { super() } makePay(cantidadAPaga) { return { ...super.makePay(cantidadAPaga) } } }
Pay.class.js
export class Pay { makePay(cantidadAPaga) { return { realized: true, quantity: cantidadAPaga } } }
Paypal.class.js
import { Pay } from "./Pay.class.js"; export class PayPal extends Pay { email; constructor(email) { super() this.email = email } makePay(cantidadAPaga) { return { ...super.makePay(cantidadAPaga), platform: "PayPal", email: this.email } } }
exercise.js
import { Card } from "./Card.class.js"; import { PayPa } from "./PayPal.class.js"; import { Cash } from "./Cash.class.js"; export function processPay(method, quantity) { return method.makePay(quantity) }
Comparto mi solución. Nunca se den por vencidos. Poco a poco se llega a diferentes lugares.
function processPay(method, quantity) { return method.makePay(quantity); } class Pay { makePay(cantPay) { return { realized: true, quantity: cantPay } } } class PayPal extends Pay { constructor(email) { super(); this.email = email; } makePay(cantPay) { return { realized: true, quantity: cantPay, platform: "PayPal", email: this.email } } } class Card extends Pay { constructor(card) { super(); this.card = card; } makePay(cantPay) { if(this.card.length != 16) { throw new Error("Invalido, debe de tener 16 digitos la tarjeta para validar el pago."); } else { const finishCard = this.card.slice(-4); return { realized: true, quantity: cantPay, lastCardNumbers: `${finishCard}` } } } } class Cash extends Pay { makePay(cantPay) { return { realized: true, quantity: cantPay } } }
Desafio completo!
🛡️🛡️🛡️Escudo anti spoilers🛡️🛡️🛡️
Implementa un sistema de pagos usando polimorfismo
!Spoiler Shield
Pay.class.js
export class Pay { // Tu código aquí 👈 makePay(quantity) { return { realized: true, quantity }; } }
Cash.class.js
export class Cash extends Pay { // Tu código aquí 👈 }
Card.class.js
export class Card extends Pay { constructor(cardNumber) { super(); this.cardNumber = cardNumber; } // Tu código aquí 👈 makePay(quantity) { if (this.cardNumber.length != 16) { throw new Error("Invalid Card Number"); } else { return { ...super.makePay(quantity), lastCardNumbers: this.cardNumber.substr(12), }; } } }
PayPal.class.js
export class PayPal extends Pay { // Tu código aquí 👈 constructor(email) { super(); this.email = email; } makePay(quantity) { return { ...super.makePay(quantity), platform: "Paypal", email: this.email, }; } }
exercise.js
export function processPay(method, quantity) { // Tu código aquí 👈 return method.makePay(quantity); }
Mi solución 💚 !pay
exercise.js
. . .
export function processPay(method, quantity) { return method.makePay(quantity) }
Pay.class.js
export class Pay { makePay(amount) { return { realized: true, quantity: amount } } }
PayPal.class.js
import { Pay } from "./Pay.class.js"; export class PayPal extends Pay { constructor(email) { super() this.email = email } makePay(amount) { return { ...super.makePay(amount), platform: "PayPal", email: this.email } } }
Card.class.js
import { Pay } from "./Pay.class.js"; export class Card extends Pay { constructor(cardNumber) { super() this.cardNumber = cardNumber } makePay(amount) { if (this.cardNumber.length !== 16) throw new Error('El número de tarjeta debe ser de 16 dígitos') return { ...super.makePay(amount), lastCardNumbers: this.cardNumber.substring(12) } } }
y finalmente a Cash no era necesario hacerlo 💚
// Card.class.js export class Card extends Pay { constructor(cardNumber) { super() this.cardNumber = cardNumber } makePay(qty) { if (typeof this.cardNumber !== "string" || this.cardNumber.length !== 16) { throw new Error("Invalid Card Number") } this.lastFourNumbers = this.cardNumber.split("").splice(-4).join("") const obj = super.makePay(qty) return { ...obj, lastCardNumbers: this.lastFourNumbers } } }
// Cash.class.js export class Cash extends Pay { constructor() { super() } makePay(qty) { return super.makePay(qty) } }
// Pay.class.js export class Pay { constructor() { this.realized = null // bool this.quantity = null // number } makePay(quantity) { this.quantity = quantity this.realized = true return { realized: this.realized, quantity: this.quantity } } }
// Paypla.class.js export class PayPal extends Pay { constructor(email) { super() this.email = email this.platform = "PayPal" } makePay(qty) { const obj = super.makePay(qty) return { ...obj, email: this.email, platform: this.platform } } }
// exercise.js export function processPay(method, quantity) { // method -> obj; quantity -> number return method.makePay(quantity) }
pay
export class Pay { makePay(cantPay) { return { realized: true, quantity: cantPay } } }
PayPal
import { Pay } from "./Pay.class.js"; export class PayPal extends Pay { emailReceived; constructor(email) { super() this.emailReceived = email } makePay(cantPay) { return { ...super.makePay(cantPay), platform: "PayPal", email: this.emailReceived } } }
Card
import { Pay } from "./Pay.class.js"; export class Card extends Pay { card; constructor(cardNumber) { super(); this.card = cardNumber; } makePay(cantPay) { if (this.card.length === 16) { return { ...super.makePay(cantPay), lastCardNumbers: this.card.toString().substr(-4) } } else { throw new Error('La tarjeta no tiene la longitud') } } }
cash.js
import { Pay } from "./Pay.class.js"; export class Cash extends Pay { constructor() { super() } makePay(cantPay) { return { ...super.makePay(cantPay) } } }
exercise.js
import { Card } from "./Card.class.js"; import { PayPa } from "./PayPal.class.js"; import { Cash } from "./Cash.class.js"; import { pay } from "./Pay.class.js"; export function processPay(method, quantity) { return method.makePay(quantity); }
Hola Comparto la solución al Reto: ✅✅✅ ✅✅✅ ✅✅✅ ✅✅✅
Pay.class.js
export class Pay { makePay(cantidadAPagar) { return { realized: true, quantity: cantidadAPagar, } } }
PayPal.class.js
import { Pay } from "./Pay.class.js"; export class PayPal extends Pay { constructor(email) { super(); this.email = email; } makePay(cantidadAPagar) { return { realized: true, quantity: cantidadAPagar, platform: "PayPal", email: this.email } } }
Card.class.js
import { Pay } from "./Pay.class.js"; export class Card extends Pay { constructor(numberCard) { super(); this.numberCard = numberCard; } makePay(cantidadAPagar) { if (this.numberCard === undefined || this.numberCard.length !== 16) { throw new Error("Numero de Tarjeta invalida"); } const result = super.makePay(cantidadAPagar); result.lastCardNumbers = this.numberCard.slice(-4); return result; } }
Cash.class.js
import { Pay } from "./Pay.class.js"; export class Cash extends Pay { constructor() { super(); } makePay(cantidadAPagar) { return super.makePay(cantidadAPagar); } }
exercise.js
export function processPay(method, quantity) { return method.makePay(quantity); }
Card.class.js
import { Pay } from "./Pay.class.js"; export class Card extends Pay { constructor(cardNumber) { super(); this.cardNumber = cardNumber; } makePay(quantity) { if (this.cardNumber.length != 16) { throw new Error("Número de tarjeta inválida.") } else { return { ...super.makePay(quantity), lastCardNumbers: this.cardNumber.substring(12, 17) } } } }
Cash.class.js
import { Pay } from "./Pay.class.js"; export class Cash extends Pay { constructor() { super(); } }
Pay.class.js
export class Pay { makePay(quantity) { return { realized: true, quantity: quantity} } }
PayPal.class.js
import { Pay } from "./Pay.class.js"; export class PayPal extends Pay { constructor(email) { super(); this.email = email; } makePay(quantity) { return { ...super.makePay(quantity), platform: "PayPal", email: this.email } } }
exercise.class.js
export function processPay(method, quantity) { return method.makePay(quantity) }
Mi solución: Nota: Casi muero porque en PayPal.class.js tenia escrito "Paypal" en lugar de "PayPal" con la segunda P también en mayus. . . . . . . . . . . . . . . .
Card.class.js
import { Pay } from "./Pay.class.js"; export class Card extends Pay { constructor(cardNumber) { super(); this.cardNumber = cardNumber; } makePay(quantity) { if (this.cardNumber.length != 16) { throw new Error("La tarjeta no cumple con tener 16 digitos") } else { return { ...super.makePay(quantity), lastCardNumbers: this.cardNumber.slice(-4) } } } }
Cash.class.js
import { Pay } from "./Pay.class.js"; export class Cash extends Pay { makePay(quantity) { return super.makePay(quantity); } }
Pay.class.js
export class Pay { makePay(quantity) { return { realized: true, quantity: quantity } } }
Paypal.class.js
import { Pay } from "./Pay.class.js"; export class PayPal extends Pay { constructor(email) { super(); this.email = email; } makePay(quantity) { return { ...super.makePay(quantity), platform: "PayPal", email: this.email } } }
excercise.js
export function processPay(method, quantity) { return method.makePay(quantity) }
Solución
class Pay { makePay(quantity) { return { realized: true, quantity: `$${quantity}`, }; } } class Card extends Pay { constructor(cardNumber) { super(); this.cardNumber = cardNumber; } makePay(quantity) { if (!this.cardNumber.length == 16) { return new Error("Card number must be 16 characters"); } return { ...super.makePay(quantity), lastCardNumbers: this.cardNumber.slice(-4), }; } } class Cash extends Pay { constructor() { super(); } } class PayPal extends Pay { constructor(email) { super(); this.email = email; } makePay(quantity) { return { ...super.makePay(quantity), platform: "Paypal", email: this.email, }; } } function processPay(method, quantity) { // Tu código aquí 👈 console.log(method.makePay(quantity)); return method.makePay(quantity); }
Aquí mi solución: . . . . . . . . . . . Pay.class.js
export class Pay { makePay(quantity) { return { realized: true, quantity: quantity } } }
PayPal.class.js
export class PayPal extends Pay { constructor(email) { super() this.email = email } makePay(quantity) { return { ... super.makePay(quantity), platform: "PayPal", email: this.email } } }
Card.class.js
export class Card extends Pay { constructor(lastCardNumbers) { super() this.lastCardNumbers = lastCardNumbers } makePay(quantity) { if (this.lastCardNumbers.length === 16) { return { ... super.makePay(quantity), lastCardNumbers: this.lastCardNumbers.substring(this.lastCardNumbers.length - 4) } } else { throw new Error("Error en el número de tarjeta"); } } }
cash.class.js
export class Cash extends Pay { makePay(quantity) { return super.makePay(quantity); } }
exercise.js
export function processPay(method, quantity) { return method.makePay(quantity); };
Solución.
Pay.class.js
export class Pay { // Tu código aquí 👈 constructor() { this.realized = true; } makePay(quantity) { return { realized: this.realized, quantity: quantity } } }
PayPal.class.js
import { Pay } from "./Pay.class.js"; export class PayPal extends Pay { // Tu código aquí 👈 constructor(email) { super(); this.email = email; } makePay(quantity) { return { ...super.makePay(quantity), platform: "PayPal", email: this.email } } }
Card.class.js
import { Pay } from "./Pay.class.js"; export class Card extends Pay { // Tu código aquí 👈 constructor(cardNumber) { super(); this.cardNumber = cardNumber; } makePay(quantity) { if (this.cardNumber.length !== 16) throw new Error("El numero de la tajeta no tiene 16 digitos"); return { ...super.makePay(quantity), lastCardNumbers: this.cardNumber.slice(-4) } } }
Cash.class.js
import { Pay } from "./Pay.class.js"; export class Cash extends Pay { // Tu código aquí 👈 }
exercise.js
export function processPay(method, quantity) { // Tu código aquí 👈 return method.makePay(quantity); }
Aporto la solución! . . . . . . . . . .
exercise.js
export function processPay(method, quantity) { return method.makePay(quantity) }
PayPal.class.js
import { Pay } from "./Pay.class.js"; export class PayPal extends Pay { constructor(email) { super() this.email=email } makePay(quantity) { return Object.assign({}, { 'platform': 'PayPal', 'email': this.email }, super.makePay(quantity)) } }
Pay.class.js
export class Pay { makePay(quantity) { return {'realized': true,'quantity':quantity} } }
Cash.class.js
import { Pay } from "./Pay.class.js"; export class Cash extends Pay { constructor() {super()} }
Card.class.js
import { Pay } from "./Pay.class.js"; export class Card extends Pay { constructor(cardNumber) { super() this.cardNumber = cardNumber } makePay(quantity) { if (this.cardNumber.length != 16) throw new Error('El número de la tarjeta es erróneo') return Object.assign({}, {'lastCardNumbers': this.cardNumber.slice(12, 16)}, super.makePay(quantity)) } }
!placeholder
import { Pay } from "./Pay.class.js"; export class Card extends Pay { // Tu código aquí 👈 constructor(card) { if (card.length !== 16) throw super(new Error("Invalid Card")) super({ lastCardNumbers: card.substr(12) }) } }
import { Pay } from "./Pay.class.js"; export class Cash extends Pay { // Tu código aquí 👈 }
export class Pay { // Tu código aquí 👈 constructor(payload) { this._payload = payload } makePay(quantity) { return { realized: true, quantity, ...this._payload } } }
import { Pay } from "./Pay.class.js"; export class PayPal extends Pay { // Tu código aquí 👈 constructor(email) { super({ platform: "PayPal", email, }) } }
export function processPay(method, quantity) { // Tu código aquí 👈 return method.makePay(quantity) }
Ojo que al retornar el objeto de Card la propiedad lastCardNumber en el test lo recibe en plural lastCardNumbers.
Dicho esto aqui dejo mi code:
Pay
export class Pay { makePay(quantity) { return { realized: true, quantity: quantity} } }
PayPal
import { Pay } from "./Pay.class.js"; export class PayPal extends Pay { constructor(email) { super() this.email = email } makePay(quantity) { return { ...super.makePay(quantity), "platform": "PayPal", "email": this.email } } }
Card
import { Pay } from "./Pay.class.js"; export class Card extends Pay { constructor(cardNumber) { super() this.cardNumber = cardNumber } makePay(quantity) { if (this.cardNumber.length !== 16) { throw new Error('invalid card') } else { return { ...super.makePay(quantity), lastCardNumbers: this.cardNumber.substring(12, 16) } } } }
Cash
import { Pay } from "./Pay.class.js"; export class Cash extends Pay { constructor() { super() } makePay(quantity) { return super.makePay(quantity) } }
Que susto! No me di cuenta que estaba dividido las clases por archivos en el PlayGround...jaja, aquí dejo mi aporte... :)
function processPay(method, quantity) { // Tu código aquí 👈 return method.makePay(quantity); } class Pay{ constructor() { this._lastCardNumber; } makePay(quantity){ return { realized: true, quantity, }; } } class PayPal extends Pay{ constructor(mail) { super(); this._mail= mail; } makePay(quantity){ return{ ...super.makePay(quantity), platform: "PayPal", email: `${this._mail}` } } } class Card extends Pay{ constructor(card) { super(); this._card=card; } makePay(quantity){ if(this._card.length===16){ this._lastCardNumber=this._card.slice(-4); return {...super.makePay(quantity), lastCardNumbers: this._lastCardNumber}; }else{ throw new Error("No tiene 16 dígitos") } } } class Cash extends Pay{ constructor() { super(); } }
