175 lines
4.5 KiB
Markdown
175 lines
4.5 KiB
Markdown
---
|
|
id: 587d7b8c367417b2b2512b54
|
|
title: Utiliza getters (accesores) y setters (mutadores) para controlar el acceso a un objeto
|
|
challengeType: 1
|
|
forumTopicId: 301220
|
|
dashedName: use-getters-and-setters-to-control-access-to-an-object
|
|
---
|
|
|
|
# --description--
|
|
|
|
Puedes obtener valores de un objeto y establecer el valor de una propiedad dentro de un objeto.
|
|
|
|
Estas operaciones clásicamente se llaman <dfn>getters</dfn> y <dfn>setters</dfn>.
|
|
|
|
Las funciones getter están destinadas a simplemente devolver (get) el valor de la variable privada de un objeto al usuario sin que el usuario acceda directamente a la variable privada.
|
|
|
|
Las funciones setter están destinadas a modificar (set) el valor de la variable privada de un objeto basado en el valor pasado a la función setter. Este cambio podría implicar cálculos, o incluso sobrescribir completamente el valor anterior.
|
|
|
|
```js
|
|
class Book {
|
|
constructor(author) {
|
|
this._author = author;
|
|
}
|
|
// getter
|
|
get writer() {
|
|
return this._author;
|
|
}
|
|
// setter
|
|
set writer(updatedAuthor) {
|
|
this._author = updatedAuthor;
|
|
}
|
|
}
|
|
const novel = new Book('anonymous');
|
|
console.log(novel.writer);
|
|
novel.writer = 'newAuthor';
|
|
console.log(novel.writer);
|
|
```
|
|
|
|
La consola mostrará las cadenas `anonymous` y `newAuthor`.
|
|
|
|
Ten en cuenta la sintaxis usada para invocar el getter y el setter. Ni siquiera se ven como funciones. Los getter y los setter son importantes porque ocultan los detalles internos de la implementación.
|
|
|
|
**Nota:** Es convención preceder el nombre de una variable privada con un guión bajo (`_`). Sin embargo, la práctica en sí misma no hace una variable privada.
|
|
|
|
# --instructions--
|
|
|
|
Utiliza la palabra clave `class` para crear una clase `Thermostat`. El `constructor` acepta una temperatura Fahrenheit.
|
|
|
|
En la clase, crea un `getter` para obtener la temperatura en Celsius y un `setter` para ajustar la temperatura en Celsius.
|
|
|
|
Recuerda que `C = 5/9 * (F - 32)` y `F = C * 9.0 / 5 + 32` donde `F` es el valor de la temperatura en Fahrenheit y `C` es el valor de la misma temperatura en Celsius.
|
|
|
|
**Nota:** Cuando implementes esto, rastrearás la temperatura dentro de la clase en una escala, ya sea Fahrenheit o Celsius.
|
|
|
|
Este es el poder de un getter y un setter. Estás creando una API para otro usuario, que puede obtener el resultado correcto independientemente de cuál estés rastreando.
|
|
|
|
En otras palabras, estás abstrayendo los detalles de la implementación del usuario.
|
|
|
|
# --hints--
|
|
|
|
`Thermostat` debe ser una `class` con un método `constructor` definido.
|
|
|
|
```js
|
|
assert(
|
|
typeof Thermostat === 'function' &&
|
|
typeof Thermostat.constructor === 'function'
|
|
);
|
|
```
|
|
|
|
La palabra clave `class` debe ser utilizada.
|
|
|
|
```js
|
|
assert(code.match(/class/g));
|
|
```
|
|
|
|
`Thermostat` debe ser capaz de ser instanciado.
|
|
|
|
```js
|
|
assert(
|
|
(() => {
|
|
const t = new Thermostat(122);
|
|
return typeof t === 'object';
|
|
})()
|
|
);
|
|
```
|
|
|
|
Cuando se crea una instancia con un valor de Fahrenheit, `Thermostat` debe establecer la temperatura (`temperature`) correcta.
|
|
|
|
```js
|
|
assert(
|
|
(() => {
|
|
const t = new Thermostat(122);
|
|
return t.temperature === 50;
|
|
})()
|
|
);
|
|
```
|
|
|
|
Un `getter` debe ser definido.
|
|
|
|
```js
|
|
assert(
|
|
(() => {
|
|
const desc = Object.getOwnPropertyDescriptor(
|
|
Thermostat.prototype,
|
|
'temperature'
|
|
);
|
|
return !!desc && typeof desc.get === 'function';
|
|
})()
|
|
);
|
|
```
|
|
|
|
Un `setter` debe ser definido.
|
|
|
|
```js
|
|
assert(
|
|
(() => {
|
|
const desc = Object.getOwnPropertyDescriptor(
|
|
Thermostat.prototype,
|
|
'temperature'
|
|
);
|
|
return !!desc && typeof desc.set === 'function';
|
|
})()
|
|
);
|
|
```
|
|
|
|
Llamar al `setter` con un valor Celsius debe establecer `temperature`.
|
|
|
|
```js
|
|
assert(
|
|
(() => {
|
|
const t = new Thermostat(32);
|
|
t.temperature = 26;
|
|
const u = new Thermostat(32);
|
|
u.temperature = 50;
|
|
return t.temperature === 26 && u.temperature === 50;
|
|
})()
|
|
);
|
|
```
|
|
|
|
# --seed--
|
|
|
|
## --seed-contents--
|
|
|
|
```js
|
|
// Only change code below this line
|
|
|
|
// Only change code above this line
|
|
|
|
const thermos = new Thermostat(76); // Setting in Fahrenheit scale
|
|
let temp = thermos.temperature; // 24.44 in Celsius
|
|
thermos.temperature = 26;
|
|
temp = thermos.temperature; // 26 in Celsius
|
|
```
|
|
|
|
# --solutions--
|
|
|
|
```js
|
|
class Thermostat {
|
|
constructor(fahrenheit) {
|
|
this._tempInCelsius = 5/9 * (fahrenheit - 32);
|
|
}
|
|
get temperature(){
|
|
return this._tempInCelsius;
|
|
}
|
|
set temperature(newTemp){
|
|
this._tempInCelsius = newTemp;
|
|
}
|
|
}
|
|
|
|
const thermos = new Thermostat(76); // Setting in Fahrenheit scale
|
|
let temp = thermos.temperature; // 24.44 in Celsius
|
|
thermos.temperature = 26;
|
|
temp = thermos.temperature; // 26 in Celsius
|
|
```
|