República Bolivariana de Venezuela
Ministerio del poder popular para la educación
Universidad Tecnológica del centro
Objetos en Javascript
Docente: Liliana Minsero Estudiante: Fabricio Bencomo
CI:28.098.413
Valencia, Junio del 2021
Introducción
Los objetos es uno de los más importantes dentro del ámbito de la programación suele
tener variaciones en la sintaxis de creaciones e instancias dependiendo del lenguaje pero su
concepto se mantiene, en esta ocasión vamos a ver su sintaxis en Javascript además de
profundizar en todo los términos que se encuentran dentro de un objeto y mostrar algunos
ejemplos en funcionamiento.
¿Qué son los objetos?
Los objetos en JavaScript, como en tantos otros lenguajes de programación, se pueden
comparar con objetos de la vida real. El concepto de Objetos en JavaScript se puede entender
con objetos tangibles de la vida real.
Object es un tipo de datos no primitivo en JavaScript. Es como cualquier otra variable, la
única diferencia es que un objeto contiene múltiples valores en términos de propiedades y
métodos. Las propiedades pueden contener valores de tipos de datos primitivos y los métodos
son funciones.
Los objetos JavaScript y los objetos JSON son diferentes. En otros lenguajes de
programación como Java o C #, necesitas una clase para crear un objeto de ella. En
JavaScript, un objeto es una entidad independiente porque no hay una clase en JavaScript. Sin
embargo, puede lograr una funcionalidad similar a la de una clase usando funciones. Existen
dos maneras para la creación de un objeto: uno es literal y otro es por un constructor.
Objeto literal
El objeto literal es una forma sencilla de crear un objeto utilizando corchetes. Puede
incluir un par clave-valor en {}, donde la clave sería la propiedad o el nombre del método y
el valor será el valor de la propiedad de cualquier tipo de datos o una función. Utilice coma
(,) para separar varios pares clave-valor.
Sintaxis
var <object-name> = { key1: value1, key2: value2,... keyN: valueN};
Ejemplo
var emptyObject = {}; // object with no properties or methods
var person = { firstName: "John" }; // object with single
property // object with single method
var message = { showMessage: function (val) { alert(val); } };
// object with properties & method
var person = { firstName: "James", lastName: "Bond", age: 15,
getFullName: function () { return this.firstName + ' ' +
this.lastName } };
Constructor de objetos
La segunda forma de crear un objeto es con Object Constructor usando una nueva palabra
clave. El método constructor es un método especial para crear e inicializar un objeto creado a
partir de una clase. Puede adjuntar propiedades y métodos mediante la notación de puntos.
Opcionalmente, también puede crear propiedades utilizando corchetes y especificando el
nombre de la propiedad como string
var person = new Object(); // Attach properties and methods to
person object
person.firstName = "James"; person["lastName"] = "Bond";
person.age = 25; person.getFullName = function () { return
this.firstName + ' ' + this.lastName; };
// access properties & methods person.firstName; // James
person.lastName; // Bond
person.getFullName(); // James Bond
¿Qué son las funciones y parámetros de funciones?
Las funciones son uno de los bloques de construcción fundamentales en JavaScript. Una
función en JavaScript es similar a un procedimiento — un conjunto de instrucciones que
realiza una tarea o calcula un valor, pero para que un procedimiento califique como función,
debe tomar alguna entrada y devolver una salida donde hay alguna relación obvia entre la
entrada y la salida. Para usar una función, debes definirla en algún lugar del ámbito desde el
que deseas llamarla. Los Parámetros predeterminados de función permiten que los parámetros
con nombre se inicien con valores predeterminados si no se pasa ningún valor o undefined.
Uso de métodos y propiedades
Un objeto de JavaScript tiene propiedades asociadas a él. Una propiedad de un objeto se
puede explicar como una variable adjunta al objeto. Las propiedades de un objeto
básicamente son lo mismo que las variables comunes de JavaScript, excepto por el nexo con
el objeto. Las propiedades de un objeto definen las características del objeto. Accedes a las
propiedades de un objeto con una simple notación de puntos:
objectName.propertyName
A partir de ECMAScript 5, hay tres formas nativas para enumerar/recorrer las propiedades
de objetos: bucles for...in Este método recorre todas las propiedades enumerables de un
objeto y su cadena de prototipos. Object.keys(o) Este método devuelve un arreglo con todos
los nombres de propiedades numerables ("claves") propias (no en la cadena de prototipos) de
un objeto o. Object.getOwnPropertyNames(o) Este método devuelve un arreglo que contiene
todos los nombres (enumerables o no) de las propiedades de un objeto o.
Un método es una función asociada a un objeto, o, simplemente, un método es una
propiedad de un objeto que es una función. Los métodos se definen normalmente como una
función, con excepción de que tienen que ser asignados como la propiedad de un objeto.
Consulte también definiciones de métodos para obtener más detalles. Un ejemplo puede ser:
objectName.methodname = functionName;
var myObj = {
myMethod: function(params) {
// ...hacer algo
// O ESTO TAMBIÉN FUNCIONA
myOtherMethod(params) {
// ...hacer algo más }};
Conclusión
Es fundamental entender el concepto de los objetos pues la lógica de estos aplica en el
paradigma más popular entre los desarrolladores de software, la programación orientada a
objetos, dominar la lógica de los objetos permite a los desarrolladores desenvolverse de
manera más eficaz a la hora de aprender un nuevo lenguaje y obtener un crecimiento personal
en su carrera profesional.
Referencias
[1]JavaScript Object, Tutorials Teacher. Consultado el 25 de junio del 2021.
https://www.tutorialsteacher.com/javascript/javascript-object#:~:text=JavaScript%20object%
20is%20a%20standalone,literal%20or%20object%20constructor%20syntax.
[2]Contribuidores de MDN(Modificado por última vez el 22/06/2021). Trabajando con
objetos. MDN WEB DOCS. Consultado el 25 de junio del 2021.
https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Working_with_Objects
