Crear un objeto en Javascript

01/Sep/2010 JavaScript 9 Comentarios
Artículos Programación en Javascript

Aunque Javascript no es un lenguaje orientado a objetos, por lo menos en sus versiones 1.x, podemos crear objetos y gestionar nuestro código mediantes estos mismos.

Como recordatorio de la programación orientada a objetos, hay que tener en cuenta que la clase es la definición y los objetos son las instancias individuales de la clase, con valores determinados

En Javascript las clases se crean utilizando las funciones. Es por ello que, si queremos crear una clase, lo único que tenemos que hacer es crear una función.

Por ejemplo, si queremos crear la clase Persona que contenga los atributos nombre, apellidos y edad lo haremos de la siguiente forma:

function persona(nombre,apellido,edad){
  this.nombre = nombre;
  this.apellido = apellido;
  this.edad = edad;
}

Los atributos que crearemos dentro de la clase se referencian mediante this. Lo que hacemos es asignarlos los valores que se le pasan a la función.

Para instanciar un objeto de una clase utilizaremos la sentencia new. Así si queremos instanciar un objeto de la clase Persona tendremos la siguiente línea de código:

var persona1 = new persona("Victor","Cuervo",32);

Ahora lo que haremos será utilizar la información que hay dentro del objeto. Así, si queremos acceder a una propiedad utilizaremos la estructura:

objeto.propiedad

Para sacar un mensaje con el nombre de una Persona tendremos el siguiente código:

alert(persona1.nombre);

Como podemos ver crear una clase e instanciar un objeto de la misma en Javascript se hace de una forma rápida y sencilla.

Vídeos sobre Javascript


9 comentarios en “Crear un objeto en Javascript”

Víctor Cuervo

efrain

buenas tardes, comento que por corroborar la info proporcionada copie y pegue su código maraca este error: Uncaught ReferenceError: Persona is not defined»… a que cree que pueda deberse?

P.D: adjunto la copia literal del código :

function persona(nombre,apellido,edad){
this.nombre = nombre;
this.apellido = apellido;
this.edad = edad;
}
var persona1 = new Persona(«Victor»,»Cuervo»,32);

console.log(persona1.nombre);

Víctor Cuervo

Víctor Cuervo

Buenas,

En la instanciación de la función, persona tiene que ser con minúsculas:

var persona1 = new persona(“Victor”,”Cuervo”,32);

Ya lo hemos corregido en el artículo. Gracias por detectar la errata.

Saludos.

Víctor Cuervo

Víctor Cuervo

@Ricardo,
Artículo interesante. Gracias por compartirlo con nosotros.

Víctor Cuervo

Ricardo

Hice un resumen de 3 formas de hacer esto, lo comparto por aqui:

3 Formas de definir clases en JavaScript

Víctor Cuervo

Pablo Videla

Gracias por compartir esto, me ha servido bastante con un problema que tenía, saludos!.

Víctor Cuervo

eduardquispe

Existe un error, al llamar el objeto.

Víctor Cuervo

Víctor Cuervo

@cesarin3134,

Muy buen enlace. Gracias por la aportación.

Víctor Cuervo

cesarin3134

aqui hai un videotutorial de javascript en el k explican como crear una funcion constructora y crear una instancia de un objeto

Víctor Cuervo

Rafa Garcia

Buenos tutos de iniciación. Este tiene un errorcillo: en la creación de la clase el nombre Persona va en mayúsculas.

Un saludo.

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.