Formas de crear objetos en JavaScript
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);
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