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
Fundamentos de POO
  • 2
    Class

    Class

    12:19
  • 3
    Métodos

    Métodos

    08:44
  • 4
    Acceso público

    Acceso público

    05:16
  • 5
    Acceso privado

    Acceso privado

    10:20
  • 6
    Constructor

    Constructor

    08:00
  • 7
    Getters

    Getters

    11:48
  • 8
    Setters

    Setters

    07:55
POO Avanzada
  • 9
    Herencia

    Herencia

    10:18
  • 10
    Acceso protegido

    Acceso protegido

    08:02
  • 11
    Static

    Static

    12:01
  • 12
    Interfaces

    Interfaces

    13:45
  • 13
    Clases abstractas

    Clases abstractas

    06:14
  • 14
    Singleton: constructor privado

    Singleton: constructor privado

    10:36
Asincronismo y consumo de APIs
  • 15
    Promesas

    Promesas

    14:13
  • 16
    Tipando respuestas HTTP

    Tipando respuestas HTTP

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

    Proyecto: migración de funciones a clases

    10:05
  • 18
    Consumiendo ProductMemoryService

    Consumiendo ProductMemoryService

    06:30
  • 19
    ProductHttpService

    ProductHttpService

    15:33
  • 20
    Consumiendo ProductHttpService

    Consumiendo ProductHttpService

    09:22
Genéricos
  • 21
    Generics

    Generics

    10:22
  • 22
    Generics en clases

    Generics en clases

    12:08
  • 23
    Generics en métodos

    Generics en métodos

    15:11
  • 24
    Decoradores

    Decoradores

    15:05
Próximos pasos
  • 25
    ¿Quieres más cursos de TypeScript?

    ¿Quieres más cursos de TypeScript?

    01:20
    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 22 días

    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 3 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 7 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