Objeto (Object) de JavaScript

Función

Entender los objetos de JavaScriptObjetoEs un tipo de datos formado porNombreYValorcolección formada porNombre: Valorrepresentación.

El par nombre:valor puede contener cualquier tipo de datos (incluidos los strings, números y booleanos) y métodos, que son funciones contenidas en el objeto.

Los objetos en JavaScript son entidades independientes y pueden compararse con objetos de la vida real.

Por ejemplo, un coche tiene nombre y color, entre otrosPropiedady métodos como start(inicio) y stop(parar)Métodosde objetos:

Todos los coches tienen las mismasPropiedadpero cada propiedad del cochevaloresdiferentes.

Todos los coches tienen las mismasMétodospero estos métodos pueden tenerDiferentes funciones.

Crear un objeto

Un objeto es un tipo de datos en JavaScript, al igual que los números o las cadenas también son tipos de datos. Como tipo de datos, un objeto puede estar contenido en una variable.

Hay varias formas de construir un objeto con JavaScript:

• UtiliceConstante de objeto， que utiliza corchetes: {}

• UtiliceConstructor de objeto， que utiliza new Object()

• O, puede crear primero unConstructor， luego ejemploaremos un objeto que llama a esa función

En este ejemplo, utilizaremos Literal de objeto (object literal)¿Qué es una literal? Se denomina literal a la cantidad constante que se asigna a una variable

var　user　=　{firstName:"Vishal",　lastName:"Choudhary",　age:22,　ubicación:"New　Delhi"};

Una definición de objeto puede extenderse a múltiples líneas.

var user = {
　　firstName: "Vishal",
　　lastName: "Choudhary",
　　age:　22,
　　location: "New Delhi"
};

En la parte posterior de este tutorial, discutiremosConstructor de objetoYConstructor.

Propiedades de objeto

Las propiedades son la asociación entre el nombre y el valor en un objeto y pueden contener cualquier tipo de datos.

Las propiedades generalmente se refieren a las características del objeto.

Acceder a propiedades de objeto

Hay dos formas de acceder a las propiedades del objeto:

• Punto: .

• Símbolos de corchetes: []

Volvamos a visitar el objeto de ejemplo originaluser.

user.firstName;

user["firstName"];

El punto y los corchetes se utilizan con frecuencia. Sin embargo, el punto es más rápido y más legible.

Métodos de objeto

Los métodos son funciones que se almacenan como valores de propiedad de un objeto, por lo que son tareas que puede realizar el objeto.

Los métodos se almacenan como propiedades paraDefinición de función.

　　var user = {
　　firstName: "Vishal",
　　lastName: "Choudhary",
　　age:　22,
　　location: "New Delhi",
　　getName: function() {
　　　return this.firstName　+　"　"　+　this.lastName;
　　}
　　};

Nota:Los métodos son funciones almacenadas como propiedades.

Acceder a métodos de objeto

Para recuperar un método de objeto, puede llamarlo como si fuera una función común, solo que lo adjunte a la variable del objeto.

user.getName();

Si accede a un método sin paréntesis (), regresará la definición de la función:

user.getName;

¿Qué esPalabra clave "this"?

Quizás ya haya notado que nuestros métodos son un poco extraños. Tomemos este ejemplo:

　　getName: function() {
　　　return this.firstName　+　"　"　+　this.lastName;
　　}

La palabra clave this se refiere a que el código se escribe dentro del objeto actual-Por lo tanto, en este caso, this es equivalente auser.

En otras palabras, this.firstName significaEste objetola propiedad firstName.

Puede hacerlo enJS thisTutorialesPalabra clave this en JSConozca más información sobre este término clave.

Siempre ha estado utilizando objetos

Cuando navega por estos ejemplos, es posible que haya estado pensando en que los puntos que utiliza son muy familiares. Eso es porque ha estado usando esto en todo el tutorial.

Cada vez que recorremos ejemplos de objetos integrados en JavaScript.

Cada vez que recorremos ejemplos de objetos integrados en JavaScript.

　　Cuando utiliza la siguiente línea para acceder al modelo de objetos de documento:
　　document.write("Hello world");

document.getElementById("para");Clase ejemplo disponible. Para cada página cargada, se crea unUsted está utilizandoClase ejemplo disponible. Para cada página cargada, se crea unEjemplo, llamadodocument，representa toda la estructura de la página, el contenido y otras funciones, como la URL. Del mismo modo, esto significa que tiene varios métodos comunes disponibles/Atributos. Esto representa toda la estructura de la página, el contenido y otras funciones, como la URL. Lo mismo, significa que tiene varios métodos comunes disponibles

new Palabra clave

Cuando se utiliza la palabra clave new en la declaración de variables JavaScript, la variable se crea como un objeto:

　　var a = new Number();　　//　Declarar a como objeto Número
　　var b = new String();　　//　Declarar b como objeto Cadena
　　var c = new Boolean();　　　//　Declarar c como objeto Boolean

Evite usarCadena，NúmeroYBooleanObjetos. Hacen que su código se complique y reduzcan la velocidad de ejecución.

En la parte posterior de este tutorial, conocerá más información sobre los objetos.