Objetos en JavaScript

javascript

Siguiendo con el aprendizaje de JavaScript, en este artículo veremos el uso de objetos, aunque el tema de POO en este lenguaje ha estado en tela de juicio en múltiples ocasiones debido a comparaciones con otros lenguajes meramente orientados a objetos, mas sin embargo nuestra finalidad es sacarle la mayor partida a este estupendo lenguaje que cada día se consolida mas en las comunidades de desarrollo de software, entremos en materia:

Debemos partir de la premisa de que un Objeto es una instancia de una clase, así que podemos empezar declarando nuestro primer objeto:

1
2
3
4
5
6
<script type="text/javascript">
    function Usuario () {
    }
    var Usuario_1 = new Usuario();
    document.write("Nuevo Objeto: "+Usuario_1)
    </script>

Si vemos en nuestro navegador tendremos: Nuevo Objeto: [object Object], Indicándonos que estamos haciendo referencia a un nuevo Objeto, pero con esto hemos solo realizado la declaración de nuestro objeto, lo mas importante es que tenemos la posibilidad de asignarle propiedades similar al uso de Arrays así de esta manera tener entidades que contendrán información individual.

También podemos declarar un Objeto Usuario de la siguiente forma:

1
2
3
4
<script type="text/javascript">
    var Usuario_1 = new Object();
    document.write("Nuevo Objeto: "+Usuario_1)
    </script>

Con lo que obtenemos el mismo resultado para darle un uso real veamos un ejemplo: los usuarios de un sitio web o aplicación, definamos algunas propiedades que puedan tener, user_name, nivel, numero_post, sitio_web, como pueden darse cuenta podemos tener 1000 usuarios de los cuales todos y cada uno tendrán dichas propiedades pero todos y cada uno podrán diferenciarse por el valor de estas mismas,así que declaremos un Objeto Usuario con estos valores:

1
2
3
4
5
6
7
8
<script type="text/javascript">
    var Usuario_1 = new Object();
    Usuario_1.user_name = "ivn";
    Usuario_1.nivel = "admin";
    Usuario_1.numero_post = "20";
    Usuario_1.sitio_web = "http://byspel.com";
    document.write("Nuevo Usuario: "+Usuario_1.user_name)
    </script>

También podemos definir una función anónima que nos retorne uno o varios elementos concatenados, así mismo podemos realizar operaciones usando los mismos valores de nuestro objeto así:

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
    var Usuario_1 = new Object();
    Usuario_1.user_name = "ivn";
    Usuario_1.nivel = "admin";
    Usuario_1.numero_post = "20";
    Usuario_1.sitio_web = "http://byspel.com";
    Usuario_1.resumen = function () {
        return this.user_name + " " + this.nivel;
    }
    document.write("Nuevo Usuario: "+Usuario_1.resumen())
    </script>

Volviendo a la definición de objetos podemos realizar la declaración directamente si nuestra intención es crear una sola instancia de un Objeto con sus propiedades, así:

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
    var Usuario_1 = {
        user_name: "ivn",
        nivel: "admin",
        numero_post: 20,
        sitio_web: "http://byspel.com"
    };
    document.write("Nuevo Usuario: "+Usuario_1.user_name+" Nivel: "+Usuario_1.nivel)
    </script>

Como pueden ver usar literalmente esta notación es totalmente válida solo que debemos identificar en que casos es importante usar una u otra.

¡Suscríbete a mi canal, para acceder a más contenidos gratuitos!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *