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 crear un plugin jQuery personalizado
La ventaja del plugin jQuery es que puedes usar el mismo código varias veces para diferentes objetos. En este caso, no es necesario copiar y pegar el código. Además, pued...
-
Reloj simple de JavaScript
Existen numerosos ejemplos de cómo implementar un reloj con JavaScript, y aunque los enfoques pueden variar ligeramente, la mayoría sigue una idea similar. Normalmente, e...
-
Trabajar con cookies en JavaScript
Сookie (cookie web o cookie del navegador) es una cadena de información que puede almacenarse en un navegador y enviarse al servidor. El tamaño máximo para una cookie es...
Leave a Reply