Jak zfreezowac const?

Question

Hejka,

Kazano mi zfreezowac pewną zmienną, ale nie mam pojęcia jak to zrobic. Probowalem na rozne sposoby, ale nie dziala. Dostalem informacje "Combine as const with object freeze"

Tak wyglada moj kod:
 

const env = {
    ///
} as const

I nie mam pojecia gdzie dac te object freeze. Czy mam zrobic nastepujaco:

env = Object.freeze(env) ?

 

Probowalem na rozne sposoby i nic nie dziala :/

Comments

FYI, przykład, różnica między const a Object.freeze

console.warn('const value1');
const value1 = 1;

try {
  value1 = 2;
} catch (err) {
  console.log(err.message); // "Assignment to constant variable."
}

console.warn('object1');
const object1 = {
  prop1: 1,
  prop2: 2
};

console.log('prop1', object1.prop1, 'prop2', object1.prop2); // 1 2

object1.prop1 = 3; // Prezd Object.freeze
console.log('prop1', object1.prop1, 'prop2', object1.prop2); // 3 2

Object.freeze(object1);

object1.prop1 = 5; // Po Object.freeze
console.log('prop1', object1.prop1, 'prop2', object1.prop2); // 3 2

try {
  object1 = { prop3: 3 };
} catch (err) {
  console.log('object1', err.message); // "Assignment to constant variable."
}

console.warn('object2');
const object2 = object1;
console.log(object2 == object1, typeof object1, typeof object2);

object1.prop1 = 5;
object2.prop1 = 5;
console.log('object1.prop1', object1.prop1, 'object2.prop1', object2.prop1); // 3 3

try {
  object2 = { prop3: 3 };
} catch (err) {
  console.log('object2', err.message); // "Assignment to constant variable."
}

console.warn('object3');
const object3 = Object.freeze({
  prop1: 1,
  prop2: { 
    name: 'name', 
    value: 'value'
  }
});

object3.prop1 = 3;
console.log('prop1', object3.prop1); // 1

object3.prop2.name = 'name2';
console.log('prop2', object3.prop2); // name2
console.log('prop2', object3.prop2.name); // name2

object3.prop2.value = 'value2';
console.log('prop2', object3.prop2); // value2
console.log('prop2', object3.prop2.value); // value2

try {
  object3 = { prop3: 3 };
} catch (err) {
  console.log('object3', err.message); // "Assignment to constant variable."
}

 

Answer 1

Składnia as const pochodzi z TypeScript i jej efekt jest tylko do momentu kompilacji - więc w runtime wartość nadal jest mutowalna. Object.freeze mrozi zmienną w runtime, ale jeśli dany obiekt (w tym tablica) posiada zagnieżdżone propertisy, to one już nie są mrożone - w takim przypadku trzeba wywołać Object.freeze rekurencyjnie.

Comments

Dziekuje za opdpowiedz. Jak wywolac freeze rekurencyjny?

Dalem na koncu pod as const

Object.freeze(env), ale przypuszczam, ze to nie tak powinno byc

---

W wyżej podlinkowanej dokumentacji jest przykład rekurencyjnej funkcji deepFreeze, która mrozi zagnieżdżone propertisy.

---

Można też skorzystać z Proxy jeśli chcemy robić coś bardziej zaawansowanego.  

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy

Mozna na przykład rzucić jakiś błąd jeśli ktoś będzie chciał nadpisać wartość. 

---

Jak już chcemy iść w proxy, to raczej po prostu bym sięgnął po rozwiązania typu Immutable.js. Proxy nie słyną z tego, że są przyjazne w użyciu.