Why can I change a constant object in javascript

by

The documentation states:

…constant cannot change through re-assignment
…constant cannot be re-declared

When you’re adding to an array or object you’re not re-assigning or re-declaring the constant, it’s already declared and assigned, you’re just adding to the “list” that the constant points to.

So this works fine: 

const x = {};

x.foo = 'bar';

console.log(x); // {foo : 'bar'}

x.foo = 'bar2';

console.log(x); // {foo : 'bar2'}

and this: 

const y = [];

y.push('foo');

console.log(y); // ['foo']

y.unshift("foo2");

console.log(y); // ['foo2', 'foo']

y.pop();

console.log(y); // ['foo2']

but neither of these: 

const x = {};
x = {foo: 'bar'}; // error - re-assigning

const y = ['foo'];
const y = ['bar']; // error - re-declaring

const foo = 'bar'; 
foo = 'bar2';       // error - can not re-assign
var foo = 'bar3';   // error - already declared
function foo() {};  // error - already declared

More Related Contents:

  1. Are variables declared with let or const hoisted?
  2. What is the temporal dead zone?
  3. Keyword ‘const’ does not make the value immutable. What does it mean?
  4. Declaring static constants in ES6 classes?
  5. How can I access constants in the lib/constants.js file in Meteor?
  6. Proper use of const for defining functions
  7. ECMAScript 2015: const in for loops
  8. Why does .then() chained to Promise.resolve() allow const declaration to be reassigned?
  9. When should I use a return statement in ES6 arrow functions
  10. ECMAScript 6 arrow function that returns an object
  11. One-liner to take some properties from object in ES 6
  12. “Uncaught SyntaxError: Cannot use import statement outside a module” when importing ECMAScript 6
  13. Using Node.js require vs. ES6 import/export
  14. Convert a string to a template string
  15. What does curly brackets in the `var { … } = …` statements do?
  16. What benefits does ES2015 (ES6) `class` syntax provide?
  17. Square Brackets Javascript Object Key
  18. Official information on `arguments` in ES6 Arrow functions?
  19. Will const and let make the IIFE pattern unnecessary?
  20. Why is let slower than var in a for loop in nodejs?
  21. Why doesn’t instanceof work on instances of Error subclasses under babel-node?
  22. then() callback firing before promise is resolved in node.js [duplicate]
  23. ECMAScript 6: what is WeakSet for?
  24. Are HTMLCollection and NodeList iterables?
  25. How can I mock the imports of an ES6 module?
  26. spread operator vs array.concat()
  27. Replace element at specific position in an array without mutating it
  28. Why should forEach be preferred over regular iterators?
  29. using await on global scope without async keyword
  30. How to understand JS realms

Leave a Comment