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:
-
Cómo clonar (copiar) objetos y arrays en JavaScript
La clonación de objetos y arrays no es un tema tan sencillo como puede parecer a primera vista. La clonación de objetos y matrices en JavaScript se puede realizar media...
-
Temporizador de cuenta regresiva en JavaScript
Los temporizadores de cuenta regresiva se utilizan comúnmente en sitios web que promocionan productos, servicios u ofertas especiales. Es frecuente verlos en páginas de d...
-
Eventos swipe en dispositivos táctiles en JavaScript
Cada día se incorporan a nuestras vidas dispositivos sensoriales que, a diferencia de los de escritorio, tienen eventos específicos. Uno de estos eventos es el swipe, con...
Leave a Reply