CursosEmpresasBlogLiveConfPrecios

Static

Clase 11 de 25 • Curso de TypeScript: Programación Orientada a Objetos y Asincronismo

Clase anteriorSiguiente clase

Contenido del curso

Introducción

  • 1
    ¿Ya tomaste el Curso de TypeScript: Tipos Avanzados y Funciones?

    ¿Ya tomaste el Curso de TypeScript: Tipos Avanzados y Funciones?

    05:16 min

Fundamentos de POO

  • 2
    Class

    Class

    12:19 min
  • 3
    Métodos

    Métodos

    08:44 min
  • 4
    Acceso público

    Acceso público

    05:16 min
  • 5
    Acceso privado

    Acceso privado

    10:20 min
  • 6
    Constructor

    Constructor

    08:00 min
  • 7
    Getters

    Getters

    11:48 min
  • 8
    Setters

    Setters

    07:55 min

POO Avanzada

  • 9
    Herencia

    Herencia

    10:18 min
  • 10
    Acceso protegido

    Acceso protegido

    08:02 min
  • 11
    Static

    Static

    Viendo ahora
  • 12
    Interfaces

    Interfaces

    13:45 min
  • 13
    Clases abstractas

    Clases abstractas

    06:14 min
  • 14
    Singleton: constructor privado

    Singleton: constructor privado

    10:36 min

Asincronismo y consumo de APIs

  • 15
    Promesas

    Promesas

    14:13 min
  • 16
    Tipando respuestas HTTP

    Tipando respuestas HTTP

    11:38 min
  • 17
    Proyecto: migración de funciones a clases

    Proyecto: migración de funciones a clases

    10:05 min
  • 18
    Consumiendo ProductMemoryService

    Consumiendo ProductMemoryService

    06:30 min
  • 19
    ProductHttpService

    ProductHttpService

    15:33 min
  • 20
    Consumiendo ProductHttpService

    Consumiendo ProductHttpService

    09:22 min

Genéricos

  • 21
    Generics

    Generics

    10:22 min
  • 22
    Generics en clases

    Generics en clases

    12:08 min
  • 23
    Generics en métodos

    Generics en métodos

    15:11 min
  • 24
    Decoradores

    Decoradores

    15:05 min

Próximos pasos

  • 25
    ¿Quieres más cursos de TypeScript?

    ¿Quieres más cursos de TypeScript?

    01:20 min
  • Tomar el examen del curso
    • Paul capelo

      Paul capelo

      student•
      hace 4 años

      solo no inicializar el max

      numbers.reduce((max, item) => max > item ? max : item);
        Miguel Angel Reyes Moreno

        Miguel Angel Reyes Moreno

        student•
        hace 4 años

        crack :up

        Juan David Reyes

        Juan David Reyes

        student•
        hace 4 años

        haces la vida mas facil jaskj :3

      Luis Berenguer

      Luis Berenguer

      student•
      hace 4 años

      Ésta ha sido mi solucion al reto…

      reto_static.png
      Ezequiel Alejandro Barrales

      Ezequiel Alejandro Barrales

      student•
      hace 4 años

      Veo que se puede hacer que un attribute sea readonly y no se permita una reasignación de valor. ahora, es posible proteger la reasignación de un método? Porque veo que sea static o no, los métodos pueden reasignarse y eso sí que no está bueno.

        Nicolas Molina

        Nicolas Molina

        teacher•
        hace 4 años

        Hola, es una gran pregunta y la respuesta es no, el readonly solo está hecho para atributos, no para métodos, pero tienes razón en que entonces podría cambiar el comportamiento de un método, por ejemplo:

        class MyClass { static getName() { return 'hola'; } } console.log(MyClass.getName()); MyClass.getName = () => 'haha'; console.log(MyClass.getName());

        Hay un issue en GitHub para ver si se agrega readonly tambien para los métodos.

        Andrés Muñoz

        Andrés Muñoz

        student•
        hace 3 años

        Tal vez una forma de solucionar esto sea escribir el método como una arrow function

        class myMath { static readonly PI = 3.14; static readonly calculateCircumference = (diameter: number) => { return this.PI * diameter; } }```
      Luis Angel José Portillo Arévalo

      Luis Angel José Portillo Arévalo

      student•
      hace 4 años

      La solución es simplemente no pasar el segundo parametro del reduce.

      El primer parametro del reduce es el callback donde se ejecuta la operación del reduce y el segundo es un parametro opcional que indica el valor inicial del acumulador, por defecto, el valor inicial del acumulador es la primera posición del array y curr empezaría desde la siguiente posición.

      static max(...numbers: number[]) { return numbers.reduce((acc, curr) => acc > curr ? acc : curr); }
        Diego Vergara

        Diego Vergara

        student•
        hace 3 años

        Lo mismo pense, ya que en si los operadores lógicos entienden de numeros positivos y negativos.

      William Cortes

      William Cortes

      student•
      hace 4 años

      Infinitas formas de hacer los mismo....

      static max(...numbers: number[]) { return numbers.reduce((max, item) => max >= item ? max: item, -Infinity); }
        Henry Corredor

        Henry Corredor

        student•
        hace 3 años

        justo estaba buscando esta respuesta ~

      DANIELA PARDIÑAZ

      DANIELA PARDIÑAZ

      student•
      hace 2 años

      Ejemplos de situaciones de la vida real donde tendríamos miembros estáticos De momento así dicho queda un tanto abstracto. Pero antes de ponerse con ejemplos concretos de programación donde hablemos de la utilidad práctica de los miembros estáticos sea bueno tratar de explicar estos conceptos un con situaciones de la vida real.

      Por ejemplo, pensemos en los autobuses de tu ciudad. No sé si es el caso, pero generalmente en España todos los autobuses metropolitanos tienen la misma tarifa. Yo podría definir como un atributo de la clase AutobúsMetropolitano su precio. En condiciones normales, para acceder al precio de un autobús necesitaría instanciar un objeto autobús y luego consultar su precio. ¿Es esto práctico? quizás solo quiero saber su precio para salir de casa con dinero suficiente para pagarlo, pero en el caso de un atributo normal necesariamente debería tener instanciado un autobús para preguntar su precio.

      Pensemos en el número "Pi". Sabemos que necesitamos ese número para realizar cálculos con circunferencias. Podría tener la clase Circunferencia y definir como atributo el número Pi. Sin embargo, igual necesito ese número para otra cosa, como pasar ángulos de valores de grados a radianes. En ese caso, en condiciones normales sin atributos de clase, necesitaría instanciar cualquier círculo para luego preguntarle por el valor de "Pi". De nuevo, no parece muy práctico.

      Nota: Ojo, porque en el caso del número Pi, su valor será siempre constante. Podríamos en esa caso usar constantes si nuestro lenguaje las tiene, pero los atributos estáticos no tienen por qué ser siempre un valor invariable, como es el caso del precio de los AutobusesMetropolitanos, que sube cada año. Con esos tenemos dos ejemplos de situaciones en las que me pueden venir bien tener atributos "static", o de clase, porque me permitirían consultar esos datos sin necesidad de tener una instancia de un objeto de esa clase.

      En cuanto a métodos, pensemos por ejemplo en la clase Fecha. Puedo intentar construir fechas con un día, un mes y un año, pero puede que no necesite una fecha en un momento dado y solo quiera saber si una fecha podría ser válida. En situaciones normales debería intentar construir esa fecha y esperar a ver si el constructor me arroja un error o si la fecha que construye es válida. Quizás sería más cómodo tener un método vinculado a la clase, en el que podría pasarle un mes, un día y un año y que me diga si son válidos o no.

      César Augusto Cortés Labrada

      César Augusto Cortés Labrada

      student•
      hace 3 años

      Los miembros de una clase son las propiedades y los métodos. Cuando creamos un objeto, ese objeto realiza una copia de todos los miembros(propiedades y métodos que no sean estáticos). Los miembros estáticos sólo le pertenecen a la clase y no al objeto.

      class MyMath { public static PI:number = 3.14; private static getNumber():number{ return this.PI; } } const nerd = new MyMath(); //El objeto no puede acceder a las propiedades estáticas de la clase nerd.PI //error, esta propiedad es estática //La Clase: MyMath.PI; //permite acceder a esta propiedad MyMath.getNumber(); //No puede ser accedido porque aunque es static es private
      DANIELA PARDIÑAZ

      DANIELA PARDIÑAZ

      student•
      hace 2 años

      La definición formal de los elementos estáticos (o miembros de clase) nos dice que son aquellos que pertenecen a la clase, en lugar de pertenecer a un objeto en particular. Recuperando concetos básicos de orientación a objetos, sabemos que tenemos:

      Clases: definiciones de elementos de un tipo homogéneo. Objetos: concreción de un ejemplar de una clase. En las clases defines que tal objeto tendrá tales atributos y tales métodos, sin embargo, para acceder a ellos o darles valores necesitas construir objetos de esa clase. Por ejemplo, una casa tendrá un número de puertas para entrar, en la clase tendrás definida que una de las características de la casa es el número de puertas, pero solo concretarás ese número cuando construyas objetos de la clase casa. Un coche tiene un color, pero en la clase solo dices que existirá un color y hasta que no construyas coches no les asignarás un color en concreto. En la clase cuadrado definirás que el cálculo del área es el "lado elevado a dos", pero para calcular el área de un cuadrado necesitas tener un objeto de esa clase y pedirle que te devuelva su área.

      Ese es el comportamiento normal de los miembros de clase. Sin embargo, los elementos estáticos o miembros de clase son un poco distintos. Son elementos que existen dentro de la propia clase y para acceder los cuales no necesitamos haber creado ningún objeto de esa clase. Osea, en vez de acceder a través de un objeto, accedemos a través del nombre de la clase.

      Paul Francis

      Paul Francis

      student•
      hace 2 años

      Mi solucion es esta:

      static max(...numbers: number[]){ console.log(numbers); return numbers.reduce((max, item)=> max >= item ? max: item, -Infinity) }
      Andrés Felipe Eslava Zuluaga

      Andrés Felipe Eslava Zuluaga

      student•
      hace 3 años

      Si reduce tiene definido un valor inicial (el segundo parámetro que recibe reduce), la función reductora va a tomar este segundo parámetro como primer argumento en la primera llamada de la función callback. Si dejamos el 0 en nuestra función max, al ser procesado por el reduce, cuando reciba valores negativos siempre tomará dicho valor cero, pues seria el valor inicial.

      class MyMath { static readonly PI = 3.14; // Static nos permite hacer un llamado de los valores dentro de la clase sin la necesidad de una instancia static max(...numbers: number[]) { return numbers.reduce( (max,item) => max >= item ? max : item ); } }
      Oscar Fuentes Esteves

      Oscar Fuentes Esteves

      student•
      hace 4 años

      Mi respuesta, usando el último elemento en lugar del primero:

      static max(...numbers: number[]) { return numbers.reduce((max, item) => max >= item ? max : item, numbers[numbers.length - 1]); }

      Lo raro es que se me olvidó poner el -1 en el último arreglo, y de todas maneras funcionó, la parecer también funciona cuando el valor de comparación es "undefinded".

        Federico Ivan Llano

        Federico Ivan Llano

        student•
        hace 4 años

        Lo pense de la misma forma, pensaba que no iba a funcionar pero funciono.

      Daniel Schmidt

      Daniel Schmidt

      student•
      hace 4 años

      se puede iniciar con el primer valor del array

      Jesus Juma

      Jesus Juma

      student•
      hace un mes

      si comienza en 0, pues puedo hacer que empiece en -10

      Johan Sebastian

      Johan Sebastian

      student•
      hace 3 meses

      Mi solucion

      class MyMath { static readonly PI = 3.14; static max(...numbers: number[]) { return numbers.reduce((max, item) => max >= item ? max: item, - Infinity); } } // MyMath.PI = 234.11; console.log('MyMath.PI', MyMath.PI); console.log('MyMath.max',MyMath.max(23,323,121,2,1,3,4)); const number = [23,323,121,2,1,3,4]; console.log('MyMath.max',MyMath.max(...number)); console.log('MyMath.max',MyMath.max(-1, -3, -5, -23));
      Jesús Patricio Pereira Matus

      Jesús Patricio Pereira Matus

      student•
      hace 4 meses

      static es simplemente que puedes usarlo sin crear una clase

      Daniel Camacho

      Daniel Camacho

      student•
      hace 3 años

      porque cuando invoca el metodo que recibe el array dinamico, y le asigno el array le puso tambien los ... para enviarlo

      Screenshot from 2023-04-25 09-50-05.png
        Carlos Alberto Hernandez Rodriguez

        Carlos Alberto Hernandez Rodriguez

        student•
        hace 3 años

        Porque el método max(…numbers: number[]) recibe n cantidad de valores de tipo number y con el spread operator es decir “los tres puntos”, hacemos una copia de los valores del array numbers y se los pasamos como argumento al método.

      Ellioth Aguirre Gonzales

      Ellioth Aguirre Gonzales

      student•
      hace 8 meses

      La palabra static en programación, especialmente en lenguajes como TypeScript y Java, se refiere a miembros de una clase que pertenecen a la clase misma y no a instancias individuales de la clase. Esto significa que puedes acceder a estos miembros sin necesidad de crear un objeto de la clase. Los métodos y propiedades estáticas pueden ser útiles para crear utilidades o constantes que no dependen del estado de una instancia particular.

      Eric Daniel Cavanzo

      Eric Daniel Cavanzo

      student•
      hace 8 meses

      Yo utilice un doble reduce

      console.log(Math.PI); console.log("Math.PI", Math.max(1,2,2,8,1,0)); class MyMath { static readonly PI = 3.14 static max (...numbers : number[]) { console.log(numbers); return numbers.reduce((max, currentNumber) => { if(max < currentNumber) { max = currentNumber } return max; }, numbers.reduce((min, currentNumber) => { if(min > currentNumber) { min = currentNumber } return min })); } } // const math = new MyMath(); // math.PI // MyMath.PI = 21313 console.log("MyMath", MyMath.PI); // const numbers = [1,23,34,4,3,234,2432,423,423,42,] // console.log(MyMath.max(...numbers)); console.log(MyMath.max(-1, -9, -8)); ```Aunque me parece curioso que cuando lo pregunte a copilot utilizo el -infinity&#x20; me parece una solucion algo logica pero no la habia pensado honestamente
      SANTIAGO RAMIREZ CASTAÑO

      SANTIAGO RAMIREZ CASTAÑO

      student•
      hace un año

      Ohhh, algo que diferencia los metodos y propiedades estaticas es que se pueden obtener incluso sin haber instanciado un objeto :mindblown:

      Royer Guerrero Pinilla

      Royer Guerrero Pinilla

      student•
      hace un año

      Solucion a la tarea

      class MyMath { &#x20; static readonly PI = 3.14; &#x20; static max(...numbers: number\[]) { &#x20; return numbers.reduce((max, item) => (max >= item ? max : item)); &#x20; } } console.log(MyMath.PI); console.log(MyMath.max(2, 3, 4, 5)); console.log(MyMath.max(-2, -87, -199));

    Escuelas

    • Desarrollo Web
      • Fundamentos del Desarrollo Web Profesional
      • Diseño y Desarrollo Frontend
      • Desarrollo Frontend con JavaScript
      • Desarrollo Frontend con Vue.js
      • Desarrollo Frontend con Angular
      • Desarrollo Frontend con React.js
      • Desarrollo Backend con Node.js
      • Desarrollo Backend con Python
      • Desarrollo Backend con Java
      • Desarrollo Backend con PHP
      • Desarrollo Backend con Ruby
      • Bases de Datos para Web
      • Seguridad Web & API
      • Testing Automatizado y QA para Web
      • Arquitecturas Web Modernas y Escalabilidad
      • DevOps y Cloud para Desarrolladores Web
    • English Academy
      • Inglés Básico A1
      • Inglés Básico A2
      • Inglés Intermedio B1
      • Inglés Intermedio Alto B2
      • Inglés Avanzado C1
      • Inglés para Propósitos Específicos
      • Inglés de Negocios
    • Marketing Digital
      • Fundamentos de Marketing Digital
      • Marketing de Contenidos y Redacción Persuasiva
      • SEO y Posicionamiento Web
      • Social Media Marketing y Community Management
      • Publicidad Digital y Paid Media
      • Analítica Digital y Optimización (CRO)
      • Estrategia de Marketing y Growth
      • Marketing de Marca y Comunicación Estratégica
      • Marketing para E-commerce
      • Marketing B2B
      • Inteligencia Artificial Aplicada al Marketing
      • Automatización del Marketing
      • Marca Personal y Marketing Freelance
      • Ventas y Experiencia del Cliente
      • Creación de Contenido para Redes Sociales
    • Inteligencia Artificial y Data Science
      • Fundamentos de Data Science y AI
      • Análisis y Visualización de Datos
      • Machine Learning y Deep Learning
      • Data Engineer
      • Inteligencia Artificial para la Productividad
      • Desarrollo de Aplicaciones con IA
      • AI Software Engineer
    • Ciberseguridad
      • Fundamentos de Ciberseguridad
      • Hacking Ético y Pentesting (Red Team)
      • Análisis de Malware e Ingeniería Forense
      • Seguridad Defensiva y Cumplimiento (Blue Team)
      • Ciberseguridad Estratégica
    • Liderazgo y Habilidades Blandas
      • Fundamentos de Habilidades Profesionales
      • Liderazgo y Gestión de Equipos
      • Comunicación Avanzada y Oratoria
      • Negociación y Resolución de Conflictos
      • Inteligencia Emocional y Autogestión
      • Productividad y Herramientas Digitales
      • Gestión de Proyectos y Metodologías Ágiles
      • Desarrollo de Carrera y Marca Personal
      • Diversidad, Inclusión y Entorno Laboral Saludable
      • Filosofía y Estrategia para Líderes
    • Diseño de Producto y UX
      • Fundamentos de Diseño UX/UI
      • Investigación de Usuarios (UX Research)
      • Arquitectura de Información y Usabilidad
      • Diseño de Interfaces y Prototipado (UI Design)
      • Sistemas de Diseño y DesignOps
      • Redacción UX (UX Writing)
      • Creatividad e Innovación en Diseño
      • Diseño Accesible e Inclusivo
      • Diseño Asistido por Inteligencia Artificial
      • Gestión de Producto y Liderazgo en Diseño
      • Diseño de Interacciones Emergentes (VUI/VR)
      • Desarrollo Web para Diseñadores
      • Diseño y Prototipado No-Code
    • Contenido Audiovisual
      • Fundamentos de Producción Audiovisual
      • Producción de Video para Plataformas Digitales
      • Producción de Audio y Podcast
      • Fotografía y Diseño Gráfico para Contenido Digital
      • Motion Graphics y Animación
      • Contenido Interactivo y Realidad Aumentada
      • Estrategia, Marketing y Monetización de Contenidos
    • Desarrollo Móvil
      • Fundamentos de Desarrollo Móvil
      • Desarrollo Nativo Android con Kotlin
      • Desarrollo Nativo iOS con Swift
      • Desarrollo Multiplataforma con React Native
      • Desarrollo Multiplataforma con Flutter
      • Arquitectura y Patrones de Diseño Móvil
      • Integración de APIs y Persistencia Móvil
      • Testing y Despliegue en Móvil
      • Diseño UX/UI para Móviles
    • Diseño Gráfico y Arte Digital
      • Fundamentos del Diseño Gráfico y Digital
      • Diseño de Identidad Visual y Branding
      • Ilustración Digital y Arte Conceptual
      • Diseño Editorial y de Empaques
      • Motion Graphics y Animación 3D
      • Diseño Gráfico Asistido por Inteligencia Artificial
      • Creatividad e Innovación en Diseño
    • Programación
      • Fundamentos de Programación e Ingeniería de Software
      • Herramientas de IA para el trabajo
      • Matemáticas para Programación
      • Programación con Python
      • Programación con JavaScript
      • Programación con TypeScript
      • Programación Orientada a Objetos con Java
      • Desarrollo con C# y .NET
      • Programación con PHP
      • Programación con Go y Rust
      • Programación Móvil con Swift y Kotlin
      • Programación con C y C++
      • Administración Básica de Servidores Linux
    • Negocios
      • Fundamentos de Negocios y Emprendimiento
      • Estrategia y Crecimiento Empresarial
      • Finanzas Personales y Corporativas
      • Inversión en Mercados Financieros
      • Ventas, CRM y Experiencia del Cliente
      • Operaciones, Logística y E-commerce
      • Gestión de Proyectos y Metodologías Ágiles
      • Aspectos Legales y Cumplimiento
      • Habilidades Directivas y Crecimiento Profesional
      • Diversidad e Inclusión en el Entorno Laboral
      • Herramientas Digitales y Automatización para Negocios
    • Blockchain y Web3
      • Fundamentos de Blockchain y Web3
      • Desarrollo de Smart Contracts y dApps
      • Finanzas Descentralizadas (DeFi)
      • NFTs y Economía de Creadores
      • Seguridad Blockchain
      • Ecosistemas Blockchain Alternativos (No-EVM)
      • Producto, Marketing y Legal en Web3
    • Recursos Humanos
      • Fundamentos y Cultura Organizacional en RRHH
      • Atracción y Selección de Talento
      • Cultura y Employee Experience
      • Gestión y Desarrollo de Talento
      • Desarrollo y Evaluación de Liderazgo
      • Diversidad, Equidad e Inclusión
      • AI y Automatización en Recursos Humanos
      • Tecnología y Automatización en RRHH
    • Finanzas e Inversiones
      • Fundamentos de Finanzas Personales y Corporativas
      • Análisis y Valoración Financiera
      • Inversión y Mercados de Capitales
      • Finanzas Descentralizadas (DeFi) y Criptoactivos
      • Finanzas y Estrategia para Startups
      • Inteligencia Artificial Aplicada a Finanzas
      • Domina Excel
      • Financial Analyst
      • Conseguir trabajo en Finanzas e Inversiones
    • Startups
      • Fundamentos y Validación de Ideas
      • Estrategia de Negocio y Product-Market Fit
      • Desarrollo de Producto y Operaciones Lean
      • Finanzas, Legal y Fundraising
      • Marketing, Ventas y Growth para Startups
      • Cultura, Talento y Liderazgo
      • Finanzas y Operaciones en Ecommerce
      • Startups Web3 y Blockchain
      • Startups con Impacto Social
      • Expansión y Ecosistema Startup
    • Cloud Computing y DevOps
      • Fundamentos de Cloud y DevOps
      • Administración de Servidores Linux
      • Contenerización y Orquestación
      • Infraestructura como Código (IaC) y CI/CD
      • Amazon Web Services
      • Microsoft Azure
      • Serverless y Observabilidad
      • Certificaciones Cloud (Preparación)
      • Plataforma Cloud GCP

    Platzi y comunidad

    • Platzi Business
    • Live Classes
    • Lanzamientos
    • Executive Program
    • Trabaja con nosotros
    • Podcast

    Recursos

    • Manual de Marca

    Soporte

    • Preguntas Frecuentes
    • Contáctanos

    Legal

    • Términos y Condiciones
    • Privacidad
    • Tyc promociones
    Reconocimientos
    Reconocimientos
    Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
    Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
    Logo reconocimientoPrimera Startup EdTech · 2018
    Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
    Logo reconocimientoCEO Mejor Emprendedor del año · 2024
    De LATAM conpara el mundo
    YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads