JavaScript

Formas de crear objetos en JavaScript

Last updated: 21.02.2026
Views: 72

Hay varias formas de crear objetos en JavaScript. El tipo de datos Object desempeña un papel fundamental en JS. Un objeto es un conjunto desordenado de pares clave-valor. Puede contener otros objetos.

1. Literal notation

const someObject1 = {};

Quizás la forma más común y sencilla. Agreguemos propiedades y métodos.

someObject1.name = "John";
someObject1.age = 25;
someObject1.run = function() {
    console.log("run");
}

Y ahora lo mismo, pero estableceremos propiedades y métodos al crear

const someObject1 = {
    name: "John",
    age: 25,
    run: function() {
        console.log("run");
    }
};

2. Object constructor

No se recomienda utilizar este método, es mejor utilizar el anterior. Sin embargo, existe, pero la probabilidad de encontrarlo es extremadamente pequeña.

const someObject2 = new Object();

Después de eso también establecemos propiedades y métodos.

someObject2.name = "Nick";
someObject2.age = 30;
someObject2.jump = function() {
    console.log("jump");
}

3. Function constructor

Podemos escribir nuestra función constructora y crear objetos usando el operador new

function SomeObject3(name, age) {
    this.name = name;
    this.age = age;
}
 
SomeObject3.prototype.run = function() {
    console.log("run");
}

Crear un objeto

const someObject3 = new SomeObject3("Alex", 20);

4. Método Object.create()

Existe otra forma de crear objetos: mediante el método Object.create(). El primer parámetro, el parámetro obligatorio, es el prototipo del objeto creado y el segundo parámetro opcional es la lista de propiedades del objeto. Para crear un objeto sin un prototipo, debe llamar al método Object.create() con el parámetro null.

const someObject4 = Object.create(Object.prototype);
 
// the full analogue of Object.create (Object.prototype) is
const otherObject1 = {};
 
//object without prototype
const otherObject2 = Object.create(null);

5. Uso de clases
La sintaxis de ES6 permite escribir clases en JavaScript. En esencia, se trata de un análogo del tercer método: utilizar la función constructora, pero con un registro más simple y claro.

class SomeObject5 {
     
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
 
    run() {
        console.log("run");
    }
}

Creemos ahora un objeto, o más precisamente, una instancia de una clase.

const someObject5 = new SomeObject5("Alex", 20);
author
Autor: Igor Rybalko
He estado trabajando como desarrollador front-end desde 2014. Mi principal pila tecnológica es Vue.js y WordPress.

Publicaciones similares:

  • Reloj simple de JavaScript
    Existen muchos ejemplos de implementación de relojes usando JavaScript en Internet. Las opciones de implementación pueden ser diferentes, pero por lo general son similare...
  • jQuery Tabs Plugin
    Las pestañas (tabs) son un elemento bastante común. Existen varias implementaciones de este elemento en Internet. Pero a menudo las pestañas (tabs) están sobrecargadas co...
  • Temporizador de cuenta regresiva en JavaScript
    A menudo, en los sitios que venden algo, se puede encontrar un temporizador de cuenta regresiva hasta una fecha determinada. Este tipo de script suele ser necesario para ...

Leave a Reply

Your email address will not be published. Required fields are marked *