En este ejemplo, aprenderá a crear objetos JavaScript de diferentes formas.
Para comprender este ejemplo, debe tener el conocimiento de los siguientes temas de programación de JavaScript:
- Objetos JavaScript
- Función de constructor de JavaScript
Puede crear un objeto de tres formas diferentes:
- Usando objeto literal
- Creando una instancia de Object directamente
- Usando la función constructora
Ejemplo 1: uso de literal de objeto
// program to create JavaScript object using object literal const person = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), greet: function() ( console.log('Hello everyone.'); ), score: ( maths: 90, science: 80 ) ); console.log(typeof person); // object // accessing the object value console.log(person.name); console.log(person.hobbies(0)); person.greet(); console.log(person.score.maths);
Salida
objeto John leyendo Hola a todos. 90
En este programa, hemos creado un objeto llamado persona .
Puede crear un objeto utilizando un objeto literal. Un objeto literal se utiliza ( )
para crear un objeto directamente.
Un objeto se crea con un par clave: valor .
También puede definir funciones, matrices e incluso objetos dentro de un objeto. Puede acceder al valor del objeto mediante la .
notación de puntos .
La sintaxis para crear un objeto usando una instancia de un objeto es:
const objectName = new Object();
Ejemplo 2: crear un objeto usando una instancia de objeto directamente
// program to create JavaScript object using instance of an object const person = new Object ( ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), greet: function() ( console.log('Hello everyone.'); ), score: ( maths: 90, science: 80 ) )); console.log(typeof person); // object // accessing the object value console.log(person.name); console.log(person.hobbies(0)); person.greet(); console.log(person.score.maths);
Salida
objeto John leyendo Hola a todos. 90
Aquí, la new
palabra clave se usa con la Object()
instancia para crear un objeto.
Ejemplo 3: crear un objeto usando la función constructora
// program to create JavaScript object using instance of an object function Person() ( this.name = 'John', this.age = 20, this.hobbies = ('reading', 'games', 'coding'), this.greet = function() ( console.log('Hello everyone.'); ), this.score = ( maths: 90, science: 80 ) ) const person = new Person(); console.log(typeof person); // object // accessing the object value console.log(person.name); console.log(person.hobbies(0)); person.greet(); console.log(person.score.maths);
Salida
objeto John leyendo Hola a todos. 90
En el ejemplo anterior, la Person()
función constructora se usa para crear un objeto usando la new
palabra clave.
new Person()
crea un nuevo objeto.