Skip to content

Commit

Permalink
learn/javascript/objects/basics Update index.md (#20728)
Browse files Browse the repository at this point in the history
* 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 <[email protected]>
  • Loading branch information
juampibruno and Graywolf9 authored Jun 3, 2024
1 parent 50ea4a9 commit 049605e
Showing 1 changed file with 10 additions and 10 deletions.
20 changes: 10 additions & 10 deletions files/es/learn/javascript/objects/basics/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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:
Expand All @@ -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 () {
Expand Down Expand Up @@ -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;
```

Expand All @@ -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 + ".");
Expand All @@ -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.
Expand All @@ -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.
Expand Down

0 comments on commit 049605e

Please sign in to comment.