Aplicando herencia en lenguaje Python y JavaScript

Clase 28 de 37 • Curso de Programación Orientada a Objetos: POO

Contenido del curso

Bienvenida e Introducción

Orientación a Objetos

Programación Orientada a Objetos. Análisis

Clases, Objetos y Método Constructor

Herencia

Encapsulamiento

Polimorfismo

Cierre del curso

Tomar examen

Python

Recuerdas que en Python la herencia se expresa de manera muy similar a un método constructor de otros lenguajes. Apliquemos herencia para nuestra familia Car, para esto crearemos las siguientes clases:

UberX.py
UberPool.py
UberBlack.py
UberVan.py

El código completo puedes verlo aquí: https://github.com/anncode1/Curso-POO-Platzi/tree/2cbdf9db470a98323328f8a21bf6a9de941d008e/Python

JavaScript

En clases anteriores te expliqué cómo ejecutar herencia en estándares anteriores al EcmaScript 6. Uno de los beneficios de utilizar este nuevo estándar que ejecutar herencia es tan simple como utilizar la palabra reservada extends.

Ahora para utilizar una de las clases y crear un objeto, por ejemplo de UberX, no olvides declarar la clase en el archivo index.html.

Nuestro ejemplo se verá así:

El código completo puedes verlo aquí: https://github.com/anncode1/Curso-POO-Platzi/tree/9251101bdc2722ed13f9d93cb432ba8e9aba17b4/JS

Comentarios

Andres Caro

student•

Recuerden que Js es un lenguaje que maneja algo llamado event loop lo cual indica que el orde es muy importante

<script src="Account.js"></script>
<script src="Car.js"></script>
<script src="uberX.js"></script>
<script src="index.js"></script>```

Mauricio Rodriguez Romero

student•

Excelente comentario, me estaba sacando un ojo buscando el erro Gracias Andres Felipe.

Erick Eduardo Ramirez Velasquez

student•

Joder, qué majo!! Igual andaba buscando el error, apaenas termine este curso me paso al de JS

Walther Smith Franco Otero

student•

Genial solo tuve problemas en Python me genero el error: TypeError: descriptor 'init' requires a 'super' object but received a 'str' si les sale este error solo cambien

super.__init__(...)

por

super().__init__(...)

super(UberX,self).__init__(...)

Ramiro Carbonell

student•

gracias buen hombre

Alan Dromundo Arias

student•

Me pasó lo mismo. Gracias

Danelia Sanchez Sanchez

student•

Creo que la función super lleva los paréntesis en Python:

super().__init__(license, driver)

Rafael Lopez Barajas

student•

exacto necesita los paréntesis

Aderson Rangel Parada

student•

Listo perfecto.

Ricardo Jose Cuan Gnecco

student•

Las clases deben ir declaradas por orden jerárquico, si la colocamos de la siguiente manera nos genera error de referencia:

El orden correcto de declarar seria debajo de Car.js y antes de index.js. De la siguiente manera:

Adolfo Pineda

student•

Muchas gracias, tenia un error en donde me decia que la Clase "Car" no existia.

Lucas Frezzini

student•

Es más un orden de "aparición" más que jerárquico, ya que por ejemplo, Car.js y Account.js no tienen una jerarquía comparable, pero sí usas Account.js dentro de Car.js, por ende necesitas ordenar según "aparición" (no se me ocurrió otra palabra para comparar) . El problema de JS es que interpreta y ejecuta linea a linea, a medida que va leyendo la linea la ejecuta, por ende si pusiéramos el index.js primero de todos, cuando quisiese generar un nuevo objeto tipo Car o tipo Account, en ese momento JS no conoce aún las clases Car o Account y va a dar error. Por eso digo que es un orden de aparición, para que cuando se hagan los llamados a clases, etc JS ya las sepa interpretar. Espero se haya entendido mejor el porque deben ir en ese orden. Saludos.

Jonathan Macalupu Reyes

student•

Para los que tengan problema con la ejecución del script en Python, puede ser por lo siguiente:

1.- Agregar paréntesis luego de escribir super, quedaría algo así:

super().__init__(license, driver)

2.- Si aún no funciona, revisa la versión de Python que tienes, puesto que puede ser que estés probando con Python 2.x, lo cual hace que la sintaxis cambie. Para ello, instala la versión 3.x o si ya la tienes instalada, al ejecutar el main.py, escribe en el terminal el comando "python3", en vez de solo "python", de esta manera:

python3 main.py

Carlos Eduardo Repillosa Del Valle

student•

Gracias me ahorraste un buen dolor de cabeza. Ya estaba investigando porque me daba error.

Roberto Shirásago Domínguez

student•

Gracias!!, no podía pasar de ahi, pense que era error mio

Martín Larrea

student•

Para resolver el problema de python init requires a super object but received a str:

class UberX(Car):
    brand   = str
    model   = str

    def __init__(self, license, driver, brand, model):
        super(UberX, self).__init__(license, driver)
        self.brand = brand
        self.model = model

Sebastián Pineda Ospina

student•

Ya me estaba comenzando a enloquecer, ¡gracias!

Ronald Estiven Rios Hernández

student•

Gracias

Josue Granados

student•

Hola a todos! Si al correr su programa en Python les aparece el: TypeError: descriptor 'init' of 'super' object needs an argument Es porque en Anahí omitío los parentesis a la hora de llamar al metodo __ init __

Solución:

super().__init__()

super() devuelve un proxy object el cual es un objeto temporal y funge como intermediario entre la presente clase y la clase padre.

Sergio Brandon De Lucio Chavero

student•

por un momento cuando estaba codeando(xdxdxd) pensé que tenia eliminarlos, porque Anahí no los tenia, así que decidí bajar a los comentarios y me encontré con el tuyo.

DARWIN JUAN CARLOS CATUNTA GARCIA

student•

Muchas Gracias :)

Karen Valier

student•

Hola a todos, si les sale algún error de que la clase (p.ej UberX.js) no esta definida en el index.js es porque tienen que poner el script de esa clase antes que el script del archivo index.js en el archivo html. Puede que sea obvio pero ahí esta mi aporte.

Carlos Andrés Jaramillo Villa

student•

eres un máquina!, media hora sacándome los ojos buscando el error. en la obviedad están los errores!. muchas gracias.

Bryan David Rosas Rojas

student•

Gracias

Usuario anónimo

user•

🔆 Aplicando herencia en lenguaje Dart.

import 'car.dart';

class UberX extends Car{
  String brand;
  String model;
  
  UberX({license, driver, this.brand, this.model}): super(license: license, driver: driver);
}

import 'car.dart';

class UberPool extends Car{
  String brand;
  String model;
  
  UberPool({license, driver, this.brand, this.model}): super(license: license, driver: driver);
}

import 'car.dart'

class UberBlack extends Car{
  Map<String, Map<String, int>> typeCarAccepted;
  List<String> seatsMaterial;
  
  UberBlack({license, driver, this.typeCarAccepted, this.seatsMaterial}):super(license: license, driver: driver);
}

import 'car.dart'

class UberVan extends Car{
  Map<String, Map<String, int>> typeCarAccepted;
  List<String> seatsMaterial;
  
  UberVan({license, driver, this.typeCarAccepted, this.seatsMaterial}):super(license: license, driver: driver);
}

import 'account.dart';
import 'car.dart';
import 'uber_x.dart';

void main() {
  Car car = new Car(license: 'AW456', driver: Account(name: 'Andres Herrera', document: 'QWE234'));
  car.passenger = 4;
  car.printDataCar();

  UberX uberX = UberX(license: 'AW456', driver: Account(name: 'Andrea Ferran', document: 'ANDA765'), brand: 'Chevrolet', model: 'Spark');
  uberX.passenger = 4;
  uberX.printDataCar();
}

Leandro Federico Lopez Pappalardo

student•

En Python, el super debe ir con paréntesis, quedando super().

from car import Car

class UberPool(Car):
    brand = str
    model = str

    def __init__(self, license, driver, brand, model):
        super().__init__(license, driver)
        self.brand = brand
        self.model = model

Katia Badillo Torres

student•

Ermilo Joel Dorantes Uc

student•

Gracias por el aporte, me ayudó muchísimo para que apareciera en consola el 2do Auto.

Laura Sofia Gonzalez Muñoz

student•

Me ayudó bastante! Muchas gracias

Luis Enrique Martínez García

student•

Algo importante y que no sabía hasta que realicé este ejercicio es que el orden de los scripts en HTML si importa, por lo que tenemos que poner el "index.js" como el último script en nuestro HTML, lo digo por si a alguien le sirve :)

Sergio Francisco Arteaga Rodríguez

student•

Man, me salvaste la vida!! JAJAJA justo tenia problemas con eso, leí tu comentario y entonces se me hizo lógico mi problema, Genial!

Sebastián Ariel Cóceres

student•

Soy un poco raro, i know, pero me gusta darle otra vuelta de rosca a lo que ofrecen estos cursos.

Para los que quieren ejecutar JS en consola pueden descargarse node (no tengo un tutorial pero google)

para no usar un html como interprete de javascript puede usar module.exports y require

por ejemplo:

const Car = require('./Car')

class UberBlack extends Car{
    constructor(license , driver, typeCarAccepted, seatMaterial){
        super(license, driver)
        this.typeCarAccepted = typeCarAccepted;
        this.seatMaterial = seatMaterial;
    }
}

module.exports = UberBlack;

Luego en consola (yo uso WSL) lo ejecutan con :

node index.js

y listo 😉

Manuel Mosquera

student•

Algo que me pasó a mí fue que el objeto uberx que iba a crear en JS lo estaba nombrando igual que la clase es decir:

var UberX = new UberX("des234", new Account("Esneider Mosquera", "79560160"),"Chevrolet","Spark");

Esto les va a tomar como error ya que está asumiendo que está redeclarando la clase o algo así. Debería verse parecido así para que el motor de JS lo diferencie.

Daniel Santiago Aguilera Juspian

student•

ya en ese punto me toco crear una funcion en UberX Index.js

var uberX = new UberX("AW456", new Account("Andrea Ferran", "ANDA765"),"Chevrolet", "Spark")
uberX.passenger = 4;
uberX.printDataCar();
uberX.printCarModel();

UberX

class UberX extends Car {
    constructor(license, driver, brand, model) {
        super(license, driver)
        this.brand = brand;
        this.model = model;
    }

    printCarModel(){
        console.log(`${this.brand} ${this.model}`)
    }
}

Marcos Emilio Velásquez Hidalgo

student•

Encontré un error en Python pero al parecer era en la linea donde se llamaba al constructor del padre (Carr), para arreglarlo busque esta otra manera de llamar al constructor padre:

from Car import Car

class UberX(Car):
    brand = str
    model = str

    def __init__(self, license, driver, brand, model):
        Car.__init__(self, license, driver)
        self.brand = brand
        self.model = model

luego el main.py, solo creamos el uberX y lo pintamos en consola:

from Car import Car
from Account import Account
from UberX import UberX

if __name__ == "__main__":
    print("Hola mundo")
    car = Car("AMS123", Account("Perdo Juarez", "ANF456"))

    print(vars(car))
    print(vars(car.driver))

    uberX = UberX("JJJ123", Account("Juanito Perez", "UFF234"), "Hyundai", "S201")

    print(vars(uberX))

Mauricio Gonzalez Falcon

student•

Gracias!

Paula Scatarelli

student•

La verdad este curso me parece el peor que he tomado hasta ahora. Una mezcla de lenguajes, que hace que si venís en tu ruta de Python, te tengas que fumar clases que no te importan (o peor aún , te confunden un montón). O sino, saltearlas. El problema es que al saltearlas luego no comprendes del todo porque la profesora es desorganizada. Lamentablemente me estoy yendo a Youtube a buscar un curso de POO con Python que me aclare paso a paso este enjambre.

Pablo Aranda

student•

Completadooo

clint martinez

student•

Gracias me faltaba algo y vi tu código y corregí

Fernando Vela Vargas

student•

El orden de llamada de los script en index.html es importante! El archivo index.js debe ir al final.

JUAN PABLO MAYORGA MENDIETA

student•

Es importante mencionar que en python también se puede dar herencia múltiple que implica que la clase hija hereda de más de una clase, en este vínculo se puede encontrar más información con ejemplo prácticos.

Jorge David Duque Agudelo

student•

Correcto, esa es una de las ventajas de ese lenguaje.

Isaias Chávez

student•

Java también permite algo simillar con las interfaces.

Jose Caicedo

student•

Al declara el método super en python, se debe estar pendiente que este es una función por lo cual se deberá declara como super()

from car import Car

class UberX(Car):
  brand = str
  model = str

  def __init__(self, license, driver, brand, model):
    super().__init__(license, driver)
    self.brand = brand
    self.model = model

Josué Merino

student•

Muchas gracias!!!

class UberX(Car):
    brand   = str
    model   = str

    def __init__(self, license, driver, brand, model):
        super(UberX, self).__init__(license, driver)
        self.brand = brand
        self.model = model

import 'car.dart'

class UberBlack extends Car{
  Map<String, Map<String, int>> typeCarAccepted;
  List<String> seatsMaterial;
  
  UberBlack({license, driver, this.typeCarAccepted, this.seatsMaterial}):super(license: license, driver: driver);
}

import 'car.dart'

class UberVan extends Car{
  Map<String, Map<String, int>> typeCarAccepted;
  List<String> seatsMaterial;
  
  UberVan({license, driver, this.typeCarAccepted, this.seatsMaterial}):super(license: license, driver: driver);
}

import 'account.dart';
import 'car.dart';
import 'uber_x.dart';

void main() {
  Car car = new Car(license: 'AW456', driver: Account(name: 'Andres Herrera', document: 'QWE234'));
  car.passenger = 4;
  car.printDataCar();

  UberX uberX = UberX(license: 'AW456', driver: Account(name: 'Andrea Ferran', document: 'ANDA765'), brand: 'Chevrolet', model: 'Spark');
  uberX.passenger = 4;
  uberX.printDataCar();
}

from car import Car

class UberPool(Car):
    brand = str
    model = str

    def __init__(self, license, driver, brand, model):
        super().__init__(license, driver)
        self.brand = brand
        self.model = model

const Car = require('./Car')

class UberBlack extends Car{
    constructor(license , driver, typeCarAccepted, seatMaterial){
        super(license, driver)
        this.typeCarAccepted = typeCarAccepted;
        this.seatMaterial = seatMaterial;
    }
}

module.exports = UberBlack;

class UberX extends Car {
    constructor(license, driver, brand, model) {
        super(license, driver)
        this.brand = brand;
        this.model = model;
    }

    printCarModel(){
        console.log(`${this.brand} ${this.model}`)
    }
}

from Car import Car

class UberX(Car):
    brand = str
    model = str

    def __init__(self, license, driver, brand, model):
        Car.__init__(self, license, driver)
        self.brand = brand
        self.model = model
        

from Car import Car
from Account import Account
from UberX import UberX

if __name__ == "__main__":
    print("Hola mundo")
    car = Car("AMS123", Account("Perdo Juarez", "ANF456"))

    print(vars(car))
    print(vars(car.driver))

    uberX = UberX("JJJ123", Account("Juanito Perez", "UFF234"), "Hyundai", "S201")

    print(vars(uberX))

from car import Car

class UberX(Car):
  brand = str
  model = str

  def __init__(self, license, driver, brand, model):
    super().__init__(license, driver)
    self.brand = brand
    self.model = model

Aplicando herencia en lenguaje Python y JavaScript

Bienvenida e Introducción

¿Por qué aprender Programación Orientada a Objetos?

¿Qué resuelve la Programación Orientada a Objetos?

Paradigma Orientado a Objetos

Lenguajes Orientados a Objetos

Instalando Visual Studio Code

Diagramas de Modelado

Qué es UML

Orientación a Objetos

Objetos

Abstracción y Clases

Modularidad

Analizando Uber en Objetos

Reto 1: identificando objetos

Programación Orientada a Objetos. Análisis

Clases en UML y su sintaxis en código

Modelando nuestros objetos Uber

¿Qué es la herencia?

Aplicando Herencia a nuestro proyecto Uber

Reto 2: analicemos un problema

Clases, Objetos y Método Constructor

Creando nuestras carpetas iniciales para el curso

Definiendo clases en Java y Python

Definiendo Clases en JavaScript

Objetos, método constructor y su sintaxis en código

Objetos. Dando vida a nuestras clases en Java y Python

Declarando un Método Constructor en Java y JavaScript

JavaScript orientado a objetos, lo más nuevo

Declarando un método constructor en Python

Herencia

Aplicando herencia en lenguaje Java y PHP

Solución del reto de herencia en PHP