¿Qué son los accesorios de objetos JavaScript?

Los accesorios de objetos JavaScript se utilizan para acceder y actualizar los objetos y dos palabras clave utilizadas para esta función son Getter y la otra es el setter. JavaScript presentó Getters and Setters en ES5 en 2009.

Veremos qué son Getters y Setters y cómo utilizarlos en JavaScript en este tutorial, así como repasar por qué debe usar los métodos GET o SET de JavaScript. Aparte de esto, discutiremos el objeto.DefineProperty () también. Al final, brillaremos una luz sobre la que el navegador admite el conjunto y obtendremos métodos. Entonces empecemos.

Obtener una palabra clave

El método GET se utiliza para recuperar un valor, como su nombre lo indica, y en el mundo técnico, se puede definir como una aglutinante de una propiedad de objeto a una función que se llama cuando la propiedad es deseada. No podemos obtener el valor hasta que accedamos al método Get. Sin embargo, definimos la propiedad del objeto de antemano.

Ejemplo:

const jugador =
Nombre: "Peligro",
Club: "Chelsea",
Camiseta: 10,
Obtener clubName ()
devolver esto.club;

;
alerta (jugador.nombre del club);

En este ejemplo, usamos el propiedad de nombre de club Para obtener el valor de la propiedad del club.

Establecer la palabra clave

Es lo opuesto a la palabra clave Get. Se usa para establecer un valor. En el mundo técnico, se puede definir como una carpeta de una propiedad de objeto para una función cuando queremos establecer una propiedad.

Ejemplo:

const jugador =
nombre: "",
Club: "Chelsea",
Camiseta: 10,
// Configurar un nombre de jugador
set setName (setName)
este.nombre = setname ;;

;
// Pasando/configurando la propiedad del objeto Nombre I-E usando un setter
jugador.setname = "monte";
// Veamos los datos a través de una alerta
alerta (jugador.nombre);

En este ejemplo, primero creamos un objeto. En ese objeto, creamos un método establecido utilizando la palabra clave establecida donde estamos configurando el nombre del reproductor que se le pasa. Después del objeto, establecemos el nombre del reproductor, y luego mostramos el resultado usando una alerta.

Función vs getters

Por ahora debes estar pensando, ¿no son iguales? Bueno, la respuesta es sí y no. Expliquemos esto usando ejemplos:

Función de ejemplo:

const jugador =
Nombre: "Peligro",
Club: "Chelsea",
Camiseta: 10,
myFunc: function ()
devolver esto.Nombre+"Juega para"+esto.club;

;
alerta (jugador.myFunc ());

Ejemplo Getter:

const jugador =
Nombre: "Peligro",
Club: "Chelsea",
Camiseta: 10,
Obtén myFunc ()
devolver esto.Nombre+"Juega para"+esto.club;

;
alerta (jugador.myfunc);

En el ejemplo de la función estamos obteniendo el myFunc () como una función I-E Jugador.myFunc (). Sin embargo, en el ejemplo de Getter, estamos accediendo a la Propiedad i-e jugador.myFunc (). Ahora sabemos que la sintaxis de Getter es más fácil y legible que la función.

Objeto.DefineProperty () en JavaScript

El Objeto JavaScript.DefineProperty () se usa para agregar getters y setters. Se necesitan tres argumentos y la sintaxis de Objeto.DefineProperty () es:

Objeto.DefineProperty (ObjectName, PropertyName, ObjectDescriptor)

El primer argumento es el nombre del objeto, el segundo es el nombre de la propiedad, y el tercer argumento es una descripción del objeto.

Por ejemplo:

// Defina un objeto
const jugador =
Nombre: "Edén"

// Ahora obtenemos una propiedad de un objeto
Objeto.DefineProperty (Player, "GetName",
get: functer ()
devolver esto.nombre;

);
// Ahora establecemos la propiedad de un objeto
Objeto.DefineProperty (Player, "SetName",
establecer: function (val)
este.nombre = val;

);
consola.Log (jugador.nombre);
// Vamos al jugador un nombre completo
jugador.setName = "Hazard";
consola.Log (jugador.nombre);

En este ejemplo, primero, definimos un objeto. Después de eso usando Objeto.DefineProperty () Configuramos el setter y getter. Ahora cuando la primera consola.Registre el nombre del jugador es "Eden". Pero cuando establecemos el nombre usando Setter, el nombre del jugador cambia a Hazard según lo establecido.

Es cierto que cuando usamos getters y setters, JavaScript asegura una mejor calidad de datos.

Por ejemplo:

// Creando un objeto
const jugador =
Nombre: "Peligro",
Club: "Chelsea",
Camiseta: 10,
Obtén myFunc ()
devolver esto.Nombre+"Juega para"+esto.club.tolowercase ();

;
// Uso de Get Get Data Data
alerta (jugador.myfunc);

En este ejemplo, utilizamos el nombre y la propiedad del club del jugador de objetos. Lo convertimos en una caja superior y en minúsculas y devolvimos ese valor. La solución se veía así:

¿Por qué usar Getters y Setters??

• Puede lograr y llevar a cabo tareas detrás de escena.
• Nos hace asegurar una mejor calidad de datos como se mencionó anteriormente
• También tiene una sintaxis más simple
• Propiedades y métodos La sintaxis es similar

¿Qué navegadores admiten esto??

Conclusión

Aprendimos casi todo sobre los evaluadores de JavaScript que son métodos obtenidos en JavaScript en esta publicación. Entiendo un poco de profundidad también explicamos qué objeto.DefineProperty () es. Además de eso, discutimos los profesionales del uso de evaluadores en JavaScript y qué navegadores de soporte de soporte a los evaluadores. Al usar asesores, un desarrollador hace que su código realice acciones detrás de escena y asegura datos. Como tiene una sintaxis más simple, también hace que nuestro código sea más limpio.