Hay dos palabras clave que definen las funciones de acceso: un getter y un setter para la propiedad fullName. Cuando se accede a la propiedad, se utiliza el valor de retorno del captador. Cuando se establece un valor, se llama al setter y se le pasa el valor que se estableció.
Captador de JavaScript (la palabra clave get):
Ejemplo: este ejemplo describe el uso de la propiedad lang() para obtener el valor de la propiedad de idioma.
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Getter
</title>
</head>
<body style="text-align:center;">
<div style="background-color: green;">
<h1>
Welcome to GeeksforGeeks!.
</h1>
<h2>
JavaScript Getters
</h2>
<p id="GFG"></p>
</div>
<script>
// Create an object:
var person = {
name: "geeksforgeeks",
get lang() {
return this.name;
}
};
// Display data from the object using a getter
document.getElementById("GFG").innerHTML
= person.name;
</script>
</body>
</html>
Producción:
Setter de JavaScript (la palabra clave set):
Ejemplo: Este ejemplo describe el uso de la propiedad lang() para establecer el valor de la propiedad de idioma.
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Getter
</title>
</head>
<body style="text-align:center;">
<div style="background-color: green;">
<h1>
Welcome to GeeksforGeeks!.
</h1>
<h2>
JavaScript Getters
</h2>
<p id="GFG"></p>
</div>
<script>
// Create an object:
var person = {
name: "geeksforgeeks",
set lang(value) {
return this.name;
}
};
// Display data from the object using a getter
document.getElementById("GFG").innerHTML
= person.name;
</script>
</body>
</html>
Producción:
Nota: los captadores y definidores no son compatibles con Internet Explorer 8.
Razones para usar Getters y Setters:
- La sintaxis de las propiedades y los métodos son iguales.
- Se utiliza para hacer cosas entre bastidores.
- Pueden asegurar una mejor calidad de los datos.
- La sintaxis de esto es más simple.
Calidad de los datos: los Getters y Setters se utilizan para garantizar una mejor calidad de los datos.
En el ejemplo dado a continuación, usando la propiedad lang, se devuelve el valor en minúsculas del idioma.
Ejemplo: este ejemplo usa la propiedad lang y devuelve el valor en minúsculas del idioma.
<!DOCTYPE html>
<html>
<head>
<title>
Data Quality
</title>
</head>
<body style="text-align:center;">
<div style="background-color: green;">
<h1>Geeksforgeeks !!</h1>
<b>
Data Quality : lower case
value is returned
</b>
<p id="GFG"></p>
</div>
<script>
var person = {
language : "Geeksforgeeks",
get lang() {
return this.language.toLowerCase();
}
};
// Display data from the object using a getter
document.getElementById("GFG").innerHTML
= person.lang;
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por AdeshSingh1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA