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

this en JavaScript

42/55
Recursos

Aportes 13

Preguntas 0

Ordenar por:

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

Siento que esta clase debio ubicarse mucho antes en el curso, explica cosas que ya se usaron (sin explicar).
La verdad que me obligue a ver de nuevo este curso y valió totalmente la pena, ahora me siento mas fresco y encaminado con JS, como que me sirvió para sacarme muchas dudas que tenia! Gracias!
esta clase deberia estar antes
`this` se refiere y/o apunta a las instancias que se crean a partir de una clase o función constructora. Nos permite acceder a las propiedades y métodos de esa instancia, facilitando la manipulación del estado del objeto.
creo que esta en des orden los videos no?, porque ya entramos a ver constructores, y ha tenido que seguir con esta explicación, pero bueno, entendible. gracias.
Sí, es correcto. Usamos `this` para referenciar el objeto actual dentro de una clase, evitando confusiones entre el nombre de la clase y otras variables. Esto asegura que el código sea más claro y legible, especialmente en contextos con múltiples variables.
La palabra reservada `this` en JavaScript es crucial porque permite referirse al contexto del objeto actual dentro de métodos y constructores. Facilita el acceso a las propiedades y métodos del objeto, lo que es esencial en la Programación Orientada a Objetos (POO). Sin `this`, sería difícil gestionar instancias y sus datos de manera eficiente.
## Uso de "this" en clases y funciones constructoras en JavaScript * La palabra reservada "this" es crucial en la programación orientada a objetos en JavaScript. * Se utiliza principalmente en el contexto de clases y funciones constructoras. * "This" se refiere al objeto actual o a la instancia de la clase que se está construyendo. ## Funcionalidad de "this" en el constructor * En una clase, el constructor es un método especial utilizado para inicializar objetos. * Los parámetros del constructor se asignan a las propiedades del objeto utilizando "this". * Ejemplo de uso:class Persona { constructor(nombre, edad) { this.nombre = nombre; this.edad = edad; } } const persona1 = new Persona("Alice", 25); * En este ejemplo, "this.nombre" y "this.edad" asignan los valores proporcionados a las propiedades del objeto. ## Creación de métodos que utilizan "this" * Los métodos definidos dentro de la clase pueden acceder a las propiedades del objeto usando "this". * Ejemplo de un método que utiliza "this":Persona.prototype.nuevoMetodo = function() { console.log(`Mi nombre es ${this.nombre}`); }; persona1.nuevoMetodo(); // Imprime "Mi nombre es Alice" * Aquí, "this.nombre" se refiere a la propiedad "nombre" de la instancia actual (persona1). ## Resumen del uso de "this" * "This" hace referencia a la instancia del objeto dentro del contexto de la clase o función constructora. * Permite acceder y manipular las propiedades del objeto de forma dinámica y contextual. * Es esencial para crear métodos que operan sobre las propiedades específicas de una instancia. ## Próximos pasos * Practicar la creación de clases y el uso de "this" en diferentes contextos. * Explorar más ejemplos y ejercicios para dominar el uso de "this" en JavaScript. * Continuar aprendiendo sobre la programación orientada a objetos y cómo "this" juega un papel fundamental en la construcción y manipulación de objetos.
En este curso, la Programación Orientada a Objetos se da de forma muy superficial. Si desean profundizar tienen el Curso de Programación Orientada a Objetos en Javascript en la que se enseña de forma mas clara todo el contenido de POO que vemos en este curso, les dejo el enlace al curso aqui :) <https://platzi.com/cursos/javascript-poo-intermedio/> Les recomiendo repasar y practicar lo dado en este curso respecto a POO y luego realizar el curso :)
Veo que han pasado por alto algunos detalles que me parecen importantes respecto al uso de clases en JS y a la POO en general y que al menos a mi me causaron confusión hace un par de años cuando comenzaba pero me han sido muy útiles en la práctica laboral. 1. En el método constructor se definen los **Elementos Mínimos Necesarios** para nuestra clase, es decir, se pueden definir más atributos dentro de la clase pero que no entren como parámetros obligatorios del constructor. 2. El nombre de los parámetros de la función constructor, **es independiente del nombre de la propiedad** que se está definiendo para la clase 3. Se pueden definir propiedades dentro de la clase **que usen otros parámetros o propiedades** previemante definidos. 4. Los métodos **también pueden recibir parámetros de entrada e interactuar** con los demás elementos de la clase.![](https://static.platzi.com/media/user_upload/image-4084fda0-2bc9-436a-ac89-0202b7f316a8.jpg)
este fue mi resumen de la clase: `class Persona {` `constructor(``nombre``, ``edad``){        ``this``.nombre = ``nombre``;` `this``.edad = ``edad` `}` `}` `const persona1 = new Persona('Diego', 20)` `console.log(persona1)` ``persona1.nuevoMetodo = function(){    console.log(`mi nombre es: ${```this``.nombre} y mi edad es: ${``this```.edad}`)}persona1.nuevoMetodo()``
* Cuando `this` se usa dentro de un método de un objeto, hace referencia al propio objeto. ```js const objeto = { nombre: "Objeto", mostrarThis: function() { console.log(this); } }; objeto.mostrarThis(); // Imprimirá el objeto mismo. ```*this* depende del contexto en el que lo estemos usando no es lo mismo usar en un objeto que en una funcion
this es para especificar el contexto en que se estan utilizando las variables, en el constructor class Persona usa this para referenciar a una propiedad de la clase evidentemente la forma larga es ```js class Persona{ nombre edad constructor(nombre , edad){ this.nombre = nombre, this.edad = edad } } ```y por eso el uso del this especificando esas propiedades, sin embargo el usa this en el constructor para abreviar la construccion de la clase