En el lenguaje de programación JavaScript casi “todo” puede ser visto como un objeto. Números, cadenas, arreglos, funciones, datos booleanos, fechas y expresiones regulares son percibidas como objetos o pueden ser tratados como tal. Para entender mejor el concepto de objeto imaginemos que acabamos de comprar un móvil nuevo (el móvil es el objeto). Tiene propiedades como color, peso, tamaño, tamaño de pantalla y marca; también tiene métodos como llamar, tomar una foto, encendido y apagado. Ahora, expliquémoslo a nivel de programación:
En JavaScript encontramos 3 maneras de crear objetos:
<script>var movil = {Marca:"Alcatel", Peso:"5 onzas", pantalla: "5 pulgadas", Color:"Negro"};
</script>
Un objeto literal es la manera más simple de crear un objeto. Se enmarca dentro de corchetes y se describe en pares de (clave: valor).
<script>var movil = newObject();
movil.Marca="Alcatel";
movil.Peso="5 onzas";
movil.Pantalla="5 pulgadas";
movil.Color="Negro";
</script>
El operador newcrea una instancia de un tipo de objeto a partir de una función constructora. Recordemos que en JavaScript un constructor es una función.
<script>functionmovil(marca, peso, pantalla, color) {
this.Marca = marca;
this.Peso = peso;
this.Pantalla = pantalla;
this.Color = color;
}
var compra = new movil("Alcatel", "5 onzas", "5 pulgadas", "Negro");
<script>
Una función constructora crea una copia de un objeto específico; en otros lenguajes de programación son conocidas como clases. En JavaScript encontramos dos maneras diferentes de acceder a las propiedades de nuestro objeto:
Su sintaxis es distinta, pero realizan la misma acción. Ejemplo:
<script>var movil = {
Marca: "Alcatel",
Peso : "5 onzas",
pantalla: "5 pulgadas"
};
document.getElementById("elementoprueba").innerHTML = movil.Marca + " --- " + movil["Marca"];
</script>
Como resultado obtendremos: Alcatel — Alcatel Ahora vamos a agregar métodos. Existen diversas maneras de realizar este proceso, pero tomaremos de ejemplo la manera más simple: utilizando la palabra this. Se puede utilizar en un método para referirnos al objeto actual.
<script>var movil = {
Marca: "Alcatel",
encendido : function(c) {
return"Mi movil marca" +" "+ this.Marca +" "+ "esta encendido";
}};
document.getElementById("Elementoprueba").innerHTML = movil.encendido();
Como resultado obtendremos:
<strong>Mi móvil marca Alcatel está encendido</strong> En el <strong>curso profesional de Front-end</strong> estamos viendo más a fondo el uso de objetos, propiedades y métodos en Javascript. <ahref="https://platzi.com/cursos/frontend-online/">¿Ya te registraste?</a>.</script>
muy bueno, añado que si se busca simplicidad usa el formato clave:valor
let movil = { Marca: "Alcatel", Peso : "5 onzas", pantalla: "5 pulgadas" };
y si quieres llamar “algo” dentro del objeto para usarlo, uses:
movil.Marca // movil["Marca"]
Un post de hace 7 años pero que util me ha resultado!
Muy precisa tu informacion mi estimado gracias me fue de mucha ayuda para aclarar algunas dudas sobre javascript.
Me fue de mucha ayuda 😃
Gracias.