Definición de objetos de JavaScript

Recomendaciones de cursos:

En JavaScript, los objetos son los reyes. Si entiendes a los objetos, entenderás a JavaScript.

  • En JavaScript, prácticamente "todo" es objeto. Las cadenas son objetos (si se new
  • Los booleanos son objetos (si se Las cadenas son objetos (si se new
  • Los números son objetos (si se Las cadenas son objetos (si se new
  • Palabras clave definidas)
  • Las fechas siempre son objetos
  • Las operaciones aritméticas siempre son objetos
  • Las expresiones regulares siempre son objetos
  • Los arreglos siempre son objetos
  • Las funciones siempre son objetos

Los objetos siempre son objetos

Todos los valores de JavaScript, excepto los valores primitivos, son objetos.

Valores primitivos de JavaScriptValores originales

Se refiere a valores que no tienen atributos o métodos.Tipos de datos primitivos

Se refiere a los datos que tienen un valor original.

  • "Hello"
  • 3.14
  • false
  • false siempre es false
  • (object) null siempre es null

JavaScript define 5 tipos de datos primitivos:

Los valores originales son inmutables (están codificados en forma dura, por lo que no se pueden cambiar).

valor Supongamos que x = 3.14, puede cambiar el valor de x. Pero no puede cambiar el valor de 3.14. Tipo
Comentarios "Hello" string
"Hello" siempre es "Hello" 3.14 number
3.14 siempre es 3.14 false true
true siempre es true false boolean
false siempre es false false siempre es false null
(object) null siempre es null (object) null siempre es null undefined

undefined siempre es undefined

Los objetos son variables que contienen variables

Ejemplo

Las variables de JavaScript pueden contener un solo valor:

Prueba personalmente

var persona = "Bill Gates";

Los objetos también son variables. Pero los objetos pueden contener muchos valores.Los valores se organizan segúnNombre : Valor

Ejemplo

var person = {firstName: "Bill", lastName: "Gates", age: 62, eyeColor: "blue"};

Prueba personalmente

Los objetos de JavaScript se escriben en forma de par (nombre y valor separados por dos puntos).Valores nombradosColección.

Atributos del objeto

Los valores nombrados en los objetos de JavaScript se conocen comopropiedad.

propiedad valor
firstName Bill
lastName Gates
age 62
eyeColor blue

Los objetos escritos en pares de nombre y valor son similares a:

  • El array asociativo en PHP
  • El diccionario en Python
  • HashTable en C
  • HashMap en Java
  • Hash en Ruby y Perl

método del objeto

Los métodos son acciones que se pueden ejecutar en el objetoacción.

Las propiedades del objeto pueden ser valores primitivos, otros objetos y funciones.

método del objetoque contienedefinición de funciónde las propiedades del objeto.

propiedad valor
firstName Bill
lastName Gates
age 62
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

Los objetos JavaScript son contenedores de valores nombrados llamados propiedades y métodos.

Aprenderá más sobre métodos en el siguiente capítulo.

Crear objetos JavaScript

Con JavaScript, puede definir y crear sus propios objetos.

Hay diferentes métodos para crear objetos:

  • Definir y crear un objeto individual, usando el texto del objeto.
  • Definir y crear un objeto individual, mediante la palabra clave new.
  • para definir y crear un objeto de tipo constructor.

En ECMAScript 5, también se puede definir un constructor de objeto a través de la función Object.create() para crear un objeto.

Usando la literal de objeto

Esta es la forma más sencilla de crear un objeto.

Usando el texto del objeto, puede definir y crear un objeto en una sola declaración.

El texto del objeto se refiere a los corchetes {} donde el nombre: valor (por ejemplo, age: 62).

El siguiente ejemplo crea un nuevo objeto JavaScript con cuatro propiedades:

Ejemplo

var person = {firstName: "Bill", lastName: "Gates", age: 62, eyeColor: "blue"};

Prueba personalmente

Los espacios y saltos de línea no son importantes. La definición del objeto puede extenderse a múltiples líneas:

Ejemplo

var person = {
    firstName: "Bill",
    lastName: "Gates",
    age: 62,
    eyeColor: "blue"
};

Prueba personalmente

Usando la palabra clave JavaScript new

El siguiente ejemplo también crea un nuevo objeto JavaScript con cuatro propiedades:

Ejemplo

var person = new Object();
person.firstName = "Bill";
person.lastName = "Gates";
person.age = 50;
person.eyeColor = "blue";

Prueba personalmente

Los dos ejemplos anteriores tienen el mismo resultado. No es necesario usar new Object().

Por consideraciones de simplicidad, legibilidad y velocidad de ejecución, utilice el primer método de creación (método de texto de objeto).

Los objetos JavaScript son mutables

Los objetos son mutables: se dirigen a través de referencias, no a través de valores.

Si person es un objeto, la siguiente declaración no creará una copia de person:

var x = person;  // Esto no creará una copia de person.

objeto x no copia de person. Eses person.x y person son el mismo objeto.

Cualquier cambio en x modificará person, ya que x y person son el mismo objeto.

Ejemplo

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"}
var x = person;
x.age = 10;           // Esto cambiará tanto x.age como person.age al mismo tiempo

Prueba personalmente

Notas:Las variables JavaScript no son mutables. Sólo los objetos JavaScript lo son.