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:
-
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...
-
Cómo encontrar la distancia entre dos puntos en un mapa usando JavaScript (TypeScript)
Si se tienen las coordenadas de dos puntos en un mapa, calcular la distancia entre ellos es bastante sencillo. Este tipo de cálculo se utiliza habitualmente en aplicacion...
-
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...
Leave a Reply