javascript - gettery i settery - po co?

Question

Witam,

nie bardzo rozumiem do czego mogą się przydać gettery i settery w literałach obiektów i klas w JS. Wydaje mi się, że tworzenie zwykłych kluczy-wartości jest dużo bardziej czytelne i wymaga użycia mniejszej ilości znaków. Co prawda podejrzewam, że gettery i settery są mniej obciążające pamięć, co może być pewnym uzsadnieniem dla ich użycia w pewnych przypadkach, jednak średnio to do mnie przemawia. Proszę o wyjaśnienie, czego tutaj nie rozumiem :)

Pozdrawiam,

crova

Answer 1

class MyNumber {
	constructor( value ) {
		this.value = value;
	}

	get sqrt() {
		return Math.sqrt( this.value );
	}
}

const myNumber = new MyNumber( 4 );
console.log( myNumber.sqrt );

// lub

const myNumber2 = {
	value: 9,
	get sqrt() {
		return Math.sqrt( this.value );
	}
};

console.log( myNumber2.sqrt );

Co do setterów: pozwalają np. przeprowadzać walidację zanim przypiszą własności wartość

class MyNumber {
	constructor( value ) {
		this.value = value;
	}

	get value() {
		return this._value;
	}

	set value( value ) {
		if ( typeof value !== 'number' ) {
			throw new TypeError( `Value must be a number, ${ typeof value } provided.` );
		}

		this._value = value;
	}
}

const myNumber = new MyNumber( 4 );
myNumber.value = 9; // OK
myNumber.value = 'a'; // TypeError

 

Comments

Rzeczywiście użycie settera jest wygodniejsze dla walidacji niż metoda 'ręczna'. Nie mniej jednak nadal nie bardzo rozumiem w czym zapis:

 

class MyNumber {
    constructor( value ) {
        this.value = value;
    }
 
    get sqrt() {
        return Math.sqrt( this.value );
    }
}

jest lepszy od

class MyNumber {
    constructor( value ) {
        this.value = value;
    }
 
    sqrt() {
        return this.value*this.value;
    }
}

 

---

W tym, że mój zwraca pierwiastek, gdy user chce pierwiastek, a Twój potęgę :P

A tak na serio: kwestia podejścia IMO. Gettery ukrywają sporo magii pod spodem i nie są tak bezpośrednie jak wywołanie metody. Przydaje się to np. w bibliotekach typu jQuery, żeby $p[ 0 ] dawało to samo, co $p.get( 0 ). Wówczas wystarczy podczepić getter pod własność 0 i wywołać $p.get( 0 ).

---

Wtopa z lekkiego zmęczenia :)

Dzięki za krótką, ale na razie mi wystarczającą odpowiedź.

---

O co chodzi z tą podłogą? Celowy zabieg czy literówka? Jeśli tak, to jak się to nazywa, bo bym przeczytał o co chodzi, a za pomocą znaków specjalnych ciężko coś znaleźć w google.

return this._value;

this._value = value;

(Sorry za odkop, ale uczę się setterów i getterów, a w necie trochę mało). 

---

To taka strasznie niedoskonała konwencja do określenia, które własności są prywatne.