Introducción a Objetos

He escrito un programa para decirles algunos detalla sobre

"Winston", pero no muchos porque a "Winston" le gusta mantener cierto

misterio. Así es "Winston". Así que veamos

cómo hice este programa. Hice algunas variables en la parte de arriba para almacenar

información sobre él. La primera variable almacena un número - su edad - la segunda variable almacena

una cadena de caracteres - sus ojos - la tercera tiene un arreglo de cadenas de caracteres,

que son cosas que le gusta hacer, y las últimas dos variables almacenan

cadenas de caracteres que describen el lugar donde nació.

Después aquí abajo, escribí cada una de las variables usando el comando "text" y el nombre de la variable.

Y por supuesto, para el arreglo, tengo que acceder a cada uno de los elementos del arreglo

usando la notación con corchetes. Genial. Ahora,

estas cinco variables describen información sobre el mismo tema: "Winston".

Pero las variables no saben que ellas tienen información del mismo tema.

Y ya sabes, en Javascript, cuando vas a

almacenar muchas piezas de información que están relacionadas, tenemos una mejor manera de hacerlo,

que es genial, y se llama objeto.

Es decir, en lugar de tener 5 variables, podemos tener una sola

variable que almacene toda la información, lo cual es genial.

Tratemos de hacerlo con la información de "Winston". En primer lugar, declararemos

la variable y la llamaremos "winston". Y luego

ponemos una llave que abre - asegúrate de que sea una llave y no un corchete -

y un punto y coma. Hemos creado un objeto

pero no tiene información dentro.

Así que para añadir información, necesitamos añadir propiedades.

Y cada propiedad es una llave y un valor. Por ejemplo, la edad, y escribimos "age: 19" (edad: 19).

Ok. Y luego para los ojos, vamos a añadir

una coma, y luego "eyes: black". (ojos: negros). Ok, bien,

ahora "winston" tiene propiedades dentro del objeto.

Para sus gustos, podemos ir a "likes:" y

voy a copiar y pegar esto desde aquí... y

muy bien. Fíjense bien, "winston" ya tiene tres propiedades.

Cada propiedad tiene una llave que es esto que está en el lado izquierdo,

y un valor, que está del lado derecho.

Las llaves tienen que cumplir con las mismas reglas que las variables

de Javascript. Sin espacios, empezar con una letra, todo eso.

Los valores pueden ser de cualquier tipo

de los que hemos visto hasta ahora. Pueden ser números, una cadena de caracteres, un arreglo,

también puede ser un booleano, así que podemos añadir aquí "isCool: true" (es agradable: verdadero), por supuesto.

De hecho, el valor puede ser otro objeto.

Así que vemos que "BirthCity" (ciudad de nacimiento) y "BirthState" (estado de nacimiento) en realidad es información relacionada

con una misma dirección. Y creo que tiene más sentido

si almaceno esta información como un objeto. Añadiré otra llave, "birthplace:" (lugar de nacimiento),

y para el valor, tengo que poner llaves de nuevo

y dentro voy a tener una llave para la ciudad "city:",

y el valor es "Mountain View", y luego el estado "state:"

"California". ¡Genial! Así que como puedes ver es posible

almacenar información muy importante dentro de un objeto.

Muy bien. Ahora que tenemos este objeto tan agradable que describe toda la información sobre "Winston",

tratemos de borrar todas estas variables separadas

que no saben de la existencia de las otras. Ok.

Oh oh. Ahora nos marcó un error. Y es porque nuestros

comandos "text" hacen referencia a las variables anteriores. Necesitamos actualizarlos

para que ahora despliegue la información que está dentro del objeto.

Vamos a empezar poniendo comentarios en los últimos tres para que podamos

hacer uno por uno. Ok. Aquí dice "Edad actual de Winston".

Lo que tenemos que hacer es reemplazar esto, y escribir

"winston" porque es el nombre de la variable. Fíjense

que si dejo esto así como está, aquí nos dice "object object".

Y eso está mal. Javascript nos está diciendo que estamos tratando de convertir un objeto

en una cadena de caracteres. Pero lo que en realidad

queremos hacer es acceder a la edad que dice dentro. Así que lo que hacemos es poner

un punto, y luego escribimos la llave de la propiedad, que es "age".

¡Tan tan! Tenemos la edad. A esto le llamamos "notación de punto",

en la que escribimos el nombre de la variable del objeto, y luego un punto,

y después la llave de la propiedad. Ok, así que podemos

hacer más ahora. Vamos a quitar el comentario de aquí, y luego en lugar de "WinstonEyes",

vamos a escribir "winston.eyes", y luego

para este otro,escribiremos "winston.likes[0]",

y luego "winston.likes[1]", y luego

para este último, es un poco más complicado porque

es un objeto dentro de otro objeto. Así que vamos a escribir

"winston" y luego el punto, y "birthplace",

pero si hacemos eso es sólo el objeto completo, así que tenemos que escribir punto y

"city". Ok, vamos a hacer esto aquí... "winston",

punto "birthplace" punto "state".

¡Tan tan! Esto es excelente porque puedes llegar hasta el interior de los objetos

que están dentro de un objeto. Muy bien.

Asombroso. Entonces como puedes ver,

usar objetos es una manera genial de almacenar mucha información relacionada,

información sobre un objeto, y que se pueda acceder más tarde.

¡Y cuando sigas adelante, vas a saber lo asombrosos que son los objetos!