Declarando un Método Constructor en Java y JavaScript

Clase 23 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

Comentarios

Camilo Alfonso Suarez

student•

Hola 👨🏽‍🚀🖐🏽, les comparto la parte de JS donde ya se permite usar “class” [ES6].

Byron Fabricio Garzon Rivera

student•

Se Agradece. :)

Byron Fabricio Garzon Rivera

student•

Estaba tratando de resolver un problema que me lanzaba, al final me di cuenta que era el navegador de Microsoft Edge, así que al probarlo con Chrome, corrió de maravilla. Normalmente uso Chrome, pero cuando abrí el archivo index.html se abrió automáticamente Edge ._.

Martín Alejandro Chalén Chang

student•

Si no te funcionó escribir html5, cambia la extensión de tu archivo index por index.htm (sin la L final).

Mónica Fidelín

student•

Buen dato muchas gracias :)

Juan Carlos Orrego Mejia

student•

Muy buena solucion, gracias

Moises Ramirez

student•

Recuerden respetar el orden de los documentos de js . Forma Correcta. Account.js Car.js index.js Forma incorrecta index.js Car.js Account.js

Lucas Frezzini

student•

Esto es porque JS empieza a compilar y renderizar desde el principio a medida que va leyendo linea por linea. Por lo tanto si primero invocas a index.js y esté crea un nuevo Car y le pasas un driver de tipo Account, cuando quiera interpretar eso, va a tirar error porque aún JS no conoce esas clases, ya que aún no llego linea a linea a ellas. Por lo tanto es muy importante saber eso así no te volves loco cuando haces estas cosas :)

Vanesa Percy

student•

Es el orden cuando se están incluyendo los archivos de JavaScript en el HTML, gracias por la recomendación.

Usuario anónimo

user•

Nota: Javascript ahora soporta clases sin prototipos 😄

Usuario anónimo

user•

Un ejemplo corto:

class Poligono {
constructor(alto, ancho) {
this.alto = alto;
this.ancho = ancho;
}
}

Jairo Campos Vargas

student•

Bueno es solo lo visual el resultado final es igual function + prototype pero se ve mucho mejor 😃

Kenet Andrés Chungandro Montenegro

student•

De lujo!, en lo personal creo que para aprovechar al máximo este curso hay que tener nociones previas de los lenguajes que se usan aquí, más que nada para no estar perdidos ya que aprender a hacer lo mismo en 4 lenguajes no es un trabajo fácil para alguien que va iniciando. Tener en cuenta eso.

Luis Garcia

student•

Estoy de acuerdo contigo!

Nicolas Von Muhlinen

student•

Concuerdo

Franco David Oliva

student•

La profe es excelente explicando y se entiende bien los conceptos pero, soy el único que por ahí se marea un poco con tantos lenguajes? jajaja como que quiero absorber todo y voy a explotar jaja

Nicolas Von Muhlinen

student•

Si, me imagino cuando veamos tmb php, vamos a estar en una nube jajaja

Juan Pablo Cuenca Ludeña

student•

Yo hace años aprendí POO en java, y en python lo vi por encima.

En mi opinión es mejor enfocarse en un lenguaje y de ahí migrar a otro es mucho más fácil. De todos modos, entiendo el propósito de este curso es ser más objetivo y "abrirnos" la mente a diferentes sintaxis y formas de programar con estos 4 lenguajes (que eventualmente uno te va a servir para lo que quieres especializarte).

Mateo Gonzales Navarrete

student•

Clases en JavaScript con ES6:

// Account.js
class Account {
  id;
  name;
  document;
  email;
  password;

  constructor(name, document) {
    this.name = name;
    this.document = document;
  }
}

// Car.js
class Car {
  id;
  license;
  driver;
  passengers;

  constructor(license, driver) {
    this.license = license;
    this.driver = driver;
  }

  printDataCar() {
    console.log(this.license);
    console.log(this.driver);
    console.log(this.driver.name);
    console.log(this.driver.document);
  }
}

// index.js
var car = new Car(&quot;ZZZ999&quot;, new Account(&quot;Camila Morales&quot;, &quot;CAM169&quot;));
car.passengers = 4;
car.printDataCar();

Ivan Andres Rico Gutierrez

student•

Gracias!

Andrés Felipe Lopez gomez

student•

Muchas gracias

Anibal José Díaz Saleme

student•

Hice todo y funciono , pero no entendi mucho sinceramente

Kevin Andrés Rincón Flórez

student•

María Raquel Martínez Urrutia

student•

Tal vez te sirva hacer anotaciones y analizar lo que hiciste en la clase, regresar el video las veces que sea necesario y profundizar en el tema, tal vez investigar en otras fuentes. Anahí Salgado tiene el curso de Estrategias para aprender en línea efectivamente que te puede servir de mucho. Suerte! 💚

Maria Gabriela Rangel

student•

Para aplicar test a los archivos javascript tambien puedes utilizar la consola y con node ejemplo:

// Car.js
function Car(license, driver) {
  this.id;
  this.license = license;
  this.driver = driver;
  this.passenger;
}
Car.prototype.printDataCar = function() {
  console.log(this.driver);
  console.log(this.driver.name);
  console.log(this.driver.document);
}
module.exports = Car;

// Account.js
function Account(name, document) {
  this.id;
  this.name = name;
  this.document = document;
  this.email;
  this.password;
}

module.exports = Account;

// index.js
const Car = require('./Car');
const Account = require('./Account');

const car = new Car('AMD147', new Account('Nombre Apellido', '147852369'));

console.log(car.printDataCar());

Luego en la consola:

node index.js

y esto imprimirá en consola la informacion del metodo car.printDataCar()

Roberto Alessandro Castro Montoya

student•

Buen ejemplo

Mauricio Gonzalez Falcon

student•

También en Visual Studio Code pueden instalar una extención llamada Code Runner.

DANIEL TENOCH SANCHEZ GARCIA

student•

[JS] Me paso que me seguía mostrando el error en la consola y por más que corregí los errores seguía apareciendo:

Pasaba que se estaba ejecutando el index.js antes que las clases 😅

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

Sólo basto con dejar el index.js al último

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

Jhonathan Alfonso

student•

Gracias bro!

Manuel Felipe Vargas Gómez

student•

Gracias....me estaba matando la cabeza jajaja

Usuario anónimo

user•

🔆 Declarando un método constructor en el lenguaje Dart.

class Account {
  int id;
  String name;
  String document;
  String email;
  String password;

  Account({this.name, this.document});
}

import 'account.dart';

class Car {
    int id;
    String license;
    Account driver;
    int passenger;

    Car({this.license, this.driver});

    void printDataCar(){
      print('License: $license Driver: ${driver.name}');
    }
}

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

void main() {
	print('Hello World!');
  Car car = Car(license: 'AMQ123', driver: Account(name:  'Andres Herrera', document: '123'));
  car.passenger = 4;
  car.printDataCar();

  Car car2 = Car(license: 'QWE567', driver: Account(name: 'Andres Herrera', document: '123'));
  car2.passenger = 3;
  car2.printDataCar();
}

Mario Emiliano Gordon Pico

student•

se volvio confuso....

Orlando Reyes

student•

Estoy súper perdido con este curso. Tendré que dejarlo. No creo que esté chido que pongan este curso en la ruta de Data Analyst si no sabemos programar en otra cosa que no sea Python, y menos si vamos empezando como es el caso de un servidor. He aprendido más de mi libro de OOP en Python que de este curso. Al final de la ruta lo completaré solo para tener todo al 100% pero le he invertido muchísimo tiempo y no logro captarle. OJO, no digo que sea malo, solo digo que si vengo trabajando con Python, sería mejor que hicieran un curso de OOP exclusivamente para Python. IMHO :)

Eric Gabriel Martinez Labrin

student•

Estoy de acuerdo contigo, pero siento mas que nada que quien explica esta muy dispersa y redundante, seria mucho mas facil con alguien que tenga el estilo de freddy. En los cursos que e tomado de el, se parte de 0 y se entiende todo a la primera.

Jeremy Joan Castillo Pajaro

student•

Yo pienso que necesita una actualizacion ya que algunas cosas han cambiado, por ejemplo en Javascript :(

Cesar Villamizar

student•

Me parece un curso demasiado confuso y mas cuando es ofrecido para alguien que está iniciando desde cero

Iván José Campo De Martino

student•

a los que no les sirve en .html coloquenlo en .htm como que cambio la forma de colocar la extension

Chrystian Fabian Lozano Ramirez

student•

Este curso era lo que necesitaba antes de haber iniciado la escuela de javascript :v

excelente!!

Silvana Rolón

student•

Juan Pablo Perez

student•

Buen aporte.

Erik Eduardo Galindo Rosales

student•

No comprendo como funciona la parte en la cual driver pasa a ser de tipo account y en el metodo printDataCar() esta misma variable es driver.name?

Luis Garcia

student•

Hola @Erik_Eduardo, al momento de cambiar driver de String a Account estamos convirtiendo driver a ser un objeto de la clase Account. Esto significa que driver ya no es una variable, ahora es un objeto que tiene las 5 variables de la clase Account: id, name, document, email, y password.

Como resultado, en nuestro método printDataCar() ya no estamos usando driver como variable, ya es un objeto con atributos. El atributo que necesitamos para imprimir el nombre es name, así es que accedemos al atributo name usando: <clase>.<atributo>, en este caso seria: driver.name

Espero que eso ayude :)

Jonathan Sánchez López

student•

Hola Luis. Y por que prefiere tener un objeto driver del tipo account como atributo en la clase y no mantener el atributo (variable) driver de tipo string? Según entiendo la idea es asegurarse a través del método constructor que al instanciar la clase Car se cuente con la licencia y el nombre del conductor por lo menos; sin necesidad de hacer el cambio en el atributo de la clase driver también funciona

Marco Antonio Leon Matias

student•

En PHP

Class Account en otro archivo .php

<?php 
class Account{
    public $id;
    public $name;
    public $document;
    public $email;
    public $password;

    public function __construct($valorName, $valorEmail){
        $this->name=$valorName;
        $this->email=$valorEmail;
    }
}

Class Car en otro archivo .php

<?php
class Car{
    public $id;
    public $license;
    public $driver;
    public $passengers;

    public function __construct($addLicense, $addDriver){
        $this->license= $addLicense;
        $this->driver= $addDriver;
    }

    public function echo_License_Driver_Email(){
        echo 'La licencia es: '
        . $this->license .'<br>'
        .'El conductor es: '. $this->driver->name .'<br>'
        . 'El correo de contacto es: ' . $this->driver->email;
    }
}

Traemos las clases al index.php y las usamos Debemos traer las clases antes de usarlas o nos dará error

<?php 
        require_once 'Account.php'; 
        require_once 'Car.php';
?>

<?php
        $bochito = new Car('LEMM-180300', new Account('Marco Antonio', 'alguncorreo@gmail.com'));
        
$bochito->echo_License_Driver_Email();
?>

//Resultado en el navegador: /* La licencia es: LEMM-180300 El conductor es: Marco Antonio El correo de contacto es: alguncorreo@gmail.com */

Leandro Santiago Batista

student•

En c# Clase Account

using System;

namespace Uber.Clases
{
    public class Account
    {
        public int id;
        public String name;
        public String document;
        public String email;
        public String password;

        public Account(String name, String document)
        {
            this.name = name;
            this.document = document;
        }
    }
}

Clase Car

using System;


namespace Uber.Clases
{
    public class Car
    {
        public int id;
        public String license;
        public Account driver;
        public int passanger;

       
    public Car(String license, Account driver)
     {
         this.license = license;
         this.driver = driver;

     }


      public  void printDataCar()
        {
            Console.WriteLine("Licence: "+ license + "Driver "+ driver.name);
        }
    }
}

Metodo Main (program.cs)

using System;
using Uber.Clases;

namespace Uber
{
    class Program
    { 
        static void Main(string[] args)
        {
            Console.WriteLine("Hello World!");
            Car car = new Car("UTF-18", new Account(" Leandro Santiago ", "UTF-158"));
            car.passanger= 4;
            car.printDataCar();

            Console.WriteLine("Mi licencia es: "+car.license);
        }
    }
}

Es relativamente similar a java

Efrain Pineda Jaimes

student•

Genial, pronto voy a ponerme a aprender c#. Gracias por el aporte

// Account.js
class Account {
  id;
  name;
  document;
  email;
  password;

  constructor(name, document) {
    this.name = name;
    this.document = document;
  }
}

// Car.js
class Car {
  id;
  license;
  driver;
  passengers;

  constructor(license, driver) {
    this.license = license;
    this.driver = driver;
  }

  printDataCar() {
    console.log(this.license);
    console.log(this.driver);
    console.log(this.driver.name);
    console.log(this.driver.document);
  }
}

// index.js
var car = new Car(&quot;ZZZ999&quot;, new Account(&quot;Camila Morales&quot;, &quot;CAM169&quot;));
car.passengers = 4;
car.printDataCar();

// Car.js
function Car(license, driver) {
  this.id;
  this.license = license;
  this.driver = driver;
  this.passenger;
}
Car.prototype.printDataCar = function() {
  console.log(this.driver);
  console.log(this.driver.name);
  console.log(this.driver.document);
}
module.exports = Car;

// Account.js
function Account(name, document) {
  this.id;
  this.name = name;
  this.document = document;
  this.email;
  this.password;
}

module.exports = Account;

// index.js
const Car = require('./Car');
const Account = require('./Account');

const car = new Car('AMD147', new Account('Nombre Apellido', '147852369'));

console.log(car.printDataCar());

import 'account.dart';

class Car {
    int id;
    String license;
    Account driver;
    int passenger;

    Car({this.license, this.driver});

    void printDataCar(){
      print('License: $license Driver: ${driver.name}');
    }
}

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

void main() {
	print('Hello World!');
  Car car = Car(license: 'AMQ123', driver: Account(name:  'Andres Herrera', document: '123'));
  car.passenger = 4;
  car.printDataCar();

  Car car2 = Car(license: 'QWE567', driver: Account(name: 'Andres Herrera', document: '123'));
  car2.passenger = 3;
  car2.printDataCar();
}

<?php 
class Account{
    public $id;
    public $name;
    public $document;
    public $email;
    public $password;

    public function __construct($valorName, $valorEmail){
        $this->name=$valorName;
        $this->email=$valorEmail;
    }
}

<?php
class Car{
    public $id;
    public $license;
    public $driver;
    public $passengers;

    public function __construct($addLicense, $addDriver){
        $this->license= $addLicense;
        $this->driver= $addDriver;
    }

    public function echo_License_Driver_Email(){
        echo 'La licencia es: '
        . $this->license .'<br>'
        .'El conductor es: '. $this->driver->name .'<br>'
        . 'El correo de contacto es: ' . $this->driver->email;
    }
}

using System;

namespace Uber.Clases
{
    public class Account
    {
        public int id;
        public String name;
        public String document;
        public String email;
        public String password;

        public Account(String name, String document)
        {
            this.name = name;
            this.document = document;
        }
    }
}

using System;


namespace Uber.Clases
{
    public class Car
    {
        public int id;
        public String license;
        public Account driver;
        public int passanger;

       
    public Car(String license, Account driver)
     {
         this.license = license;
         this.driver = driver;

     }


      public  void printDataCar()
        {
            Console.WriteLine("Licence: "+ license + "Driver "+ driver.name);
        }
    }
}

using System;
using Uber.Clases;

namespace Uber
{
    class Program
    { 
        static void Main(string[] args)
        {
            Console.WriteLine("Hello World!");
            Car car = new Car("UTF-18", new Account(" Leandro Santiago ", "UTF-158"));
            car.passanger= 4;
            car.printDataCar();

            Console.WriteLine("Mi licencia es: "+car.license);
        }
    }
}

Declarando un Método Constructor en Java 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