Object Descriptors & Property Flags

What's displayed after trying to modify a closure-protected constant?

function createConstantAccessor(obj, name, value) {
  Object.defineProperty(obj, name, {
    get: function() { return value; },
    enumerable: true,
    configurable: false
  });
}

const settings = {};
createConstantAccessor(settings, 'API_URL', 'https://api.example.com');

settings.API_URL = 'https://hacked.com';
console.log(settings.API_URL);

'https://api.example.com'
The console will log 'https://api.example.com' because: 1) The constant accessor is defined with a getter that always returns the original value, 2) The value is stored in a closure, making it inaccessible for modification, 3) The attempt to assign a new value to settings.API_URL is ignored, 4) This pattern ensures the constant remains immutable and protected, 5) It's particularly useful for sensitive configuration values that need to be readable but completely protected from modification, 6) This approach provides stronger encapsulation than a non-writable data property, 7) It demonstrates how closures can be used to enforce immutability in JavaScript.
'https://hacked.com'
undefined
Error will be thrown

Next Question (40/40)