Introducción a JavaScript

1

¿Por qué aprender JavaScript?

2

¡Hola Mundo! en Mac

3

¡Hola Mundo! en Windows

4

Anatomía de una variable

5

Tipos de datos en JavaScript

6

Creación de strings

7

Operadores aritméticos

8

Conversión de tipos: Type Casting y Coerción

9

Conversión de tipos explícita e implícita

Estructuras de Control y Lógica

10

Operadores de comparación

11

Operadores lógicos

12

Ejecución condicional: if

13

Ejercicio: Adivina el número

14

Ejecución condicional: switch

15

Loop: for

16

Loop: for of

17

Loop: for in

18

Loop: while

19

Loop: do while

Funciones y This

20

Anatomía de una función

21

Funciones vs Métodos

22

Funciones puras e impuras

23

Arrow function y enlace léxico

24

Contextos de ejecución y scope chain

25

¿Qué es Closure?

26

Preguntas a Desarrolladores Senior: ¿Por qué aprender Desarrollo Web?

Manipulación de Arrays

27

Introducción a Arrays

28

Mutabilidad e inmutabilidad de Arrays

29

Modificación básica del final con push( ), pop( )

30

Iteración con map( ) y forEach( )

31

Filtrado y reducción con filter( ) y reduce( )

32

Búsqueda de elementos con find( ) y findIndex( )

33

Crear copias con slice( )

34

Spread operator: casos de uso

Programación Orientada a Objetos

35

Anatomía de un Objeto

36

Trabajando con objetos en JavaScript

37

Función constructora

38

¿Qué es una clase?

39

Prototipos y herencias

40

Herencia en la práctica

41

Prototipos en la práctica

42

this en JavaScript

43

Proyecto: Crea una red social

44

Proyecto: Crea una red social parte 2

Asincronía en JavaScript

45

¿Cómo funciona el JavaScript Engine?

46

Promesas en JavaScript

47

Usando Async y await en JavaScript

48

For await of

49

¿Cómo funciona la web?

50

¿Cómo funciona HTTP?

51

Método GET en JavaScript

52

Método POST en JavaScript

53

Método DELETE en JavaScript

54

Importancia del id en el método DELETE

55

ECMAScript 6 y tus siguientes pasos

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Función constructora

37/55
Recursos

Aportes 10

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Insights: * Todas las funciones tienen la propiedad **prototype** que permiten compartir y/o heredar propiedades y/o métodos. * Usamos **funciones constructoras** para **instanciar** multiples veces diferentes **objetos**. * Asignando los propiedades y/o métodos al **prototype** de la función constructora, aseguramos que las diferentes **instancias** puedan **acceder** a ellas.
Mi ejemplo practico de esta clase 🧉 ![](https://static.platzi.com/media/user_upload/image-4affcf4a-1e4f-43ed-932c-50cf4560cd10.jpg)
Una función constructora es una plantilla que te permite crear múltiples objetos similares. Es una función especial que, al usarla junto con la palabra clave `new`, construye nuevos objetos que siguen la misma estructura que defines dentro de la función Se utiliza cuando se necesita crear varios objetos con propiedades y comportamientos comunes, se define la estructura dentro de la función y luego creas instancias con new ```js // ------ Funcion constructora ------ function Estudiante(nombre,edad,grado){ this.nombre = nombre; this.edad = edad; this.grado = grado; this.saludar = function(){ console.log (`Hola, soy ${this.nombre}, tengo ${this.edad} y estoy en ${this.grado}`); }; } const estudiante1 = new Estudiante ("Luis", 24, "11°"); const estudiante2 = new Estudiante ("Maria", 22, "7°"); estudiante1.saludar(); estudiante2.saludar(); ``` * **Función constructora:** La función `Estudiante` es nuestra plantilla. Dentro de la función, usamos `this` para asignar los valores que se pasarán como argumentos (`nombre`, `edad`, `grado`). * **Método** `saludar`**:** Cada estudiante tendrá su propio método `saludar`, que utiliza las propiedades del objeto creado para personalizar el mensaje. * **Creación de instancias:** Cuando usamos `new`, creamos nuevos objetos (`estudiante1` y `estudiante2`). Estos objetos heredan las propiedades y métodos de la función constructora, pero los valores de esas propiedades cambian dependiendo de los datos que les pasamos (nombre, edad, grado).
porque no me esta funcionando esto chicos? me sale ese error. si me ayudan no entiendo porque me muestra ese error. ![](https://static.platzi.com/media/user_upload/image-5a7bd69e-d0e4-44a4-8e49-891a3be8dfc3.jpg)![](https://static.platzi.com/media/user_upload/image-7cf6409d-83b0-4347-832a-11c48aa4d063.jpg)
Magistral la forma en la que el profe Diego explica, realmente es clara la estructura, recuerden que es necesario complementar cada lección con otros recursos, libros, artículos, y mucha práctica.
En realidad la propiedad telefono existe en cada una de las instancias ![](https://static.platzi.com/media/user_upload/Screenshot%20from%202024-08-04%2000-24-41-68052325-d603-405c-b25f-c8a36f478d6a.jpg)
```js function persona(nombre, apellido, edad, sexo ){ this.nombre = nombre; this.apellido = apellido; this.edad = edad; this.sexo = sexo; } // Podemos seguir agregando y experimentando ```function persona(nombre, apellido, edad, sexo ){    this.nombre = nombre;    this.apellido = apellido;    this.edad = edad;     this.sexo = sexo;}
![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202024-09-09%20190335-4afbc4cb-dbdb-4585-b75f-528e6202be80.jpg) ![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202024-09-09%20190355-774ebb71-414b-49ca-8f7b-22fa7b3daac1.jpg)
![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202024-08-27%20160958-3398e709-f3ad-42a6-8a27-09e1873481f2.jpg) ![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202024-08-27%20161021-68e3b9d7-378a-40ba-bc23-627b438bd6b7.jpg)
**RESUMEN:** ![](https://static.platzi.com/media/user_upload/image-f51c7e95-324f-4150-8998-f9ef995c0706.jpg)