From 049605e12aafbd62378c8d761e1b772d7c4bf3d8 Mon Sep 17 00:00:00 2001 From: juampibruno <82157951+juampibruno@users.noreply.github.com> Date: Mon, 3 Jun 2024 17:29:28 -0300 Subject: [PATCH] learn/javascript/objects/basics Update index.md (#20728) * learn/javascript/objects/basics Update index.md This pull request makes the following changes: 1. **Replace `var` with `let`**: - Replaced all instances of `var` with `let` to improve code consistency and follow modern JavaScript best practices. 2. **Fix template literal in the `alert` function**: - The original code had an error in the template literal, causing a variable to not display correctly. * Change `let` to `const` as the `en-US` version --------- Co-authored-by: Alexander --- .../learn/javascript/objects/basics/index.md | 20 +++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/files/es/learn/javascript/objects/basics/index.md b/files/es/learn/javascript/objects/basics/index.md index 8becdb875629c1..e214fa8535d0f6 100644 --- a/files/es/learn/javascript/objects/basics/index.md +++ b/files/es/learn/javascript/objects/basics/index.md @@ -20,7 +20,7 @@ Para empezar, haz una copia local de nuestro archivo [oojs.html](https://github. Al igual que con muchas cosas en JavaScript, la creación de un objeto a menudo comienza con la definición e iniciación de una variable. Intenta ingresar lo siguiente debajo del código JavaScript que ya está en tu archivo, luego guarda y actualiza: ```js -var persona = {}; +const persona = {}; ``` Si ingresas `persona` en tu entrada de texto y presionas el botón, debes obtener el siguiente resultado: @@ -32,14 +32,14 @@ Si ingresas `persona` en tu entrada de texto y presionas el botón, debes obtene ¡Felicidades!, acabas de crear tu primer objeto. ¡Trabajo realizado! Pero este es un objeto vacío, por lo que realmente no podemos hacer mucho con él. Actualicemos nuestro objeto para que se vea así: ```js -var persona = { +const persona = { nombre: ["Bob", "Smith"], edad: 32, genero: "masculino", intereses: ["música", "esquí"], bio: function () { alert( - `${this.nombre[0]} ${this.nombre[1]} tiene ${this.edad} años. Le gusta ${this.intereses[0]} y this.intereses[1].`, + `${this.nombre[0]} ${this.nombre[1]} tiene ${this.edad} años. Le gusta ${this.intereses[0]} y ${this.intereses[1]}.`, ); }, saludo: function () { @@ -195,8 +195,8 @@ persona[nombrePerzonalizado] = valorPerzonalizado; Para probar esto, intenta agregar las siguientes líneas en tu código, justo debajo de la llave de cierre del objeto `persona`: ```js -var nombrePerzonalizado = "altura"; -var valorPerzonalizado = "1.75m"; +const nombrePerzonalizado = "altura"; +const valorPerzonalizado = "1.75m"; persona[nombrePerzonalizado] = valorPerzonalizado; ``` @@ -223,14 +223,14 @@ Probablemente te estés preguntando qué es `"this"`. La palabra clave `this` se Vamos a ilustrar lo que queremos decir con un par de objetos persona simplificados: ```js -var persona1 = { +const persona1 = { nombre: "Chris", saludo: function () { alert("¡Hola!, Soy " + this.nombre + "."); }, }; -var persona2 = { +const persona2 = { nombre: "Brian", saludo: function () { alert("¡Hola!, Soy " + this.nombre + "."); @@ -255,8 +255,8 @@ Estabas usando un método disponible en una instancia de la clase [`String`](/es Cuando accediste al modelo de objetos del documento (document object model) usando líneas como esta: ```js -var miDiv = document.createElement("div"); -var miVideo = document.querySelector("video"); +const miDiv = document.createElement("div"); +const miVideo = document.querySelector("video"); ``` Estaba usando métodos disponibles en una instancia de la clase [`Document`](/es/docs/Web/API/Document). Para cada página web cargada, se crea una instancia de `Document`, llamada `document`, que representa la estructura, el contenido y otras características de la página entera, como su URL. De nuevo, esto significa que tiene varios métodos/propiedades comunes disponibles en él. @@ -266,7 +266,7 @@ Lo mismo puede decirse de prácticamente cualquier otro Objeto/API incorporado q Ten en cuenta que los Objetos/API incorporados no siempre crean instancias de objetos automáticamente. Como ejemplo, la [API de Notificaciones](/es/docs/Web/API/Notifications_API), que permite que los navegadores modernos activen las notificaciones del sistema, requiere que crees una instancia de un nuevo objeto para cada notificación que desees disparar. Intenta ingresar lo siguiente en tu consola de JavaScript: ```js -var miNotificacion = new Notification("¡Hola!"); +const miNotificacion = new Notification("¡Hola!"); ``` De nuevo, veremos qué son los constructores en un artículo posterior.