Accesores de objetos JavaScript

Las propiedades de los accesorios de objetos son métodos en JavaScript que se utilizan para obtener o establecer el valor de un objeto. "conseguir"Es la palabra clave que se utiliza para definir un adquiridor Método que recupera el valor de la propiedad, mientras que "colocar"Define un método setter para cambiar el valor de una propiedad específica.

Cuando queremos acceder a una propiedad de nuestro objeto JavaScript, se usa el valor de valor por el método Getter y establecer un valor de propiedad; Se invoca el método setter, y luego pasamos el valor como un argumento que queremos establecer.

Esta redacción discutirá los accesorios de objetos JavaScript. Además, también demostraremos ejemplos relacionados con Adquiridor, Setter, y Objeto.DefineProperty () Métodos de JavaScript. Entonces, comencemos!

Método Getter JavaScript

Los métodos getter se utilizan para acceder al valor de la propiedad de un objeto JavaScript. El "conseguir"Se agrega la palabra clave antes del nombre de la función, lo que indica que es un"adquiridorMétodo que accederá a una propiedad específica del objeto creado.

Ejemplo: Creación y uso del método Getter JavaScript

Este ejemplo le mostrará cómo crear y usar el método Getter JavaScript para cualquier objeto. En primer lugar, crearemos un "empleado"Objeto que tiene dos propiedades: FirstName AS"John", Y LastName como"Albert":

Const Empleado =
primer nombre: 'John',
LastName: 'Albert',
;

En el siguiente paso, crearemos un "getFirstName ()"Método Getter que accederá al"nombre de pila"Propiedad de nuestro"empleado" objeto. Recuerde que debe definir el método Getter dentro del bloque de definición del objeto, no fuera de él:

Get getFirstName ()
devolver esto.nombre de pila;

Después de crear el "getFirstName ()"JavaScript Getter Method Para el objeto del empleado, ahora tendrá dos opciones para acceder al"nombre de pila" propiedad. O puede acceder directamente a él utilizando el "nombre de pila"Propiedad con el objeto del empleado o accediendo al"GetFirstName"Getter Method como propiedad:

// Acceso a propiedades de datos
consola.Registro (empleado.nombre de pila);
// acceder al método getter
consola.Registro (empleado.getFirstName);

Eche un vistazo a la siguiente imagen para ver la salida del código proporcionado:

Método JavaScript Setter

En un programa de JavaScript, los métodos setter cambian el valor de la propiedad de un objeto. Debe tomar solo un parámetro formal. El "colocar"Se agrega la palabra clave para especificar que es un JavaScript"setterMétodo que cambiará el valor de cualquier propiedad de objeto en particular.

Ejemplo: crear y usar el método de setter javaScript

En primer lugar, crearemos un simple "empleado"Objeto que comprende dos propiedades", "nombre de pila" y "apellido" como sigue:

Const Empleado =
primer nombre: 'John',
LastName: 'Albert',
;

A continuación, definiremos nuestro método setter "nombre de nombre"Eso se utilizará para cambiar el"nombre de pila"Del objeto del empleado. Tenga en cuenta que debe realizar esta operación dentro del bloque de definición de objeto:

// Propiedad de accesor (setter)
Establecer ChangeFirstName (newFirstName)
este.FirstName = newFirstName;

Ahora, verificaremos el valor de la propiedad del "nombre de pila"Y luego colóquelo en el"Jim" utilizando el "nombre de nombre"Método Setter de nuestro objeto empleado de JavaScript:

consola.Registro (empleado.nombre de pila);
// Cambiar la propiedad del objeto usando un setter
empleado.ChangeFirstName = 'Jim';
consola.Registro (empleado.nombre de pila);

Consulte la imagen dada a continuación para ver la salida:

Objeto JavaScript.Método DefineProperty ()

Además de los Getters and Setters de JavaScript, también existe el "Objeto.DefineProperty ()Método que se puede utilizar para acceder y cambiar las propiedades del objeto. El "Objeto.DefineProperty ()"El método ayuda a agregar getters y setters para cualquier objeto JavaScript.

Sintaxis del objeto.DefineProperty ()

Para usar objeto.Método DefineProperty () En su código JavaScript, debe seguir su sintaxis:

Objeto.DefineProperty (ObjectName, PropertyName, ObjectDescriptor)

Aquí, en el "nombre del objeto"Argumento debe agregar el nombre del objeto creado; el segundo argumento "nombre de la propiedad"Representa la propiedad. Por último, el "Objeto DescriptorSe utiliza el argumento para describir la propiedad del objeto.

Ejemplo: crear y usar el objeto JavaScript.Método DefineProperty ()

Este ejemplo creará un método Getter y Setter usando el objeto.Método DefineProperty (). Para este propósito, en primer lugar, crearemos un "empleado"Objeto que tiene un"nombre de pila" propiedad:

Const Empleado =
FirstName: 'Stepheny'

Ahora, para definir un método getter usando objeto.DefineProperty (), especificaremos "empleado"Como nuestro objeto,"nombre"Como propiedad. Luego agregaremos la descripción relacionada seguida de la palabra clave "obtener" en el cuerpo del objeto.Método DefineProperty ():

// Obtener propiedad
Objeto.DefineProperty (empleado, "getName",
get: functer ()
devolver esto.nombre de pila;

);

Del mismo modo, también puede definir una función setter para el "empleado"Objeto estableciendo el nombre de la propiedad como"cambiar nombre". Después de hacerlo, agregue el "colocar"Palabra clave y defina el cuerpo de su método setter:

// Propiedad de configuración
Objeto.DefineProperty (Empleado, "ChangeName",
establecer: function (valor)
este.FirstName = Value;

);

Para acceder al objeto.DefineProperty () Getter Method, usaremos el "empleado"Nombre de la propiedad del objeto"nombre"Que se agrega como el segundo argumento en el objeto.Método DefineProperty ():

// Obtener el valor de la propiedad
consola.Registro (empleado.getName);

Para configurar o cambiar el primer nombre del empleado, asignaremos el nuevo primer nombre a "empleado.cambiar nombre" propiedad:

// Cambiar el valor de la propiedad
empleado.ChangeName = 'Julie';
consola.Registro (empleado.nombre de pila);

Aquí está el programa JavaScript completo con su salida:

Conclusión

Los accesorios de objetos de JavaScript se definen utilizando métodos Getter y Setters. El método getter devuelve el valor de la propiedad, mientras que un argumento se pasa al método setter, asignando ese valor específico a la propiedad del objeto JavaScript. Este artículo sobre los accesores de objetos JavaScript. Además, ejemplos relacionados con Getter, Setter y Object.DefineProperty () Los métodos JavaScript también se demuestran en este artículo.