Как возвращается значение getBoundingClientRect неизменяемо?

Question

Вот кое-что интересное: В любом окне запуска JS:

val = document.body.getBoundingClientRect(); 
console.log(val) 
val.left += 10; 
console.log(val) 

или любой другой модификации возвращаемого значения. Как этот объект является неизменным?

Это затрудняет утилизацию элемента getBoundingClientRect() для элемента, изменяя исходные значения. Хотя я предполагаю, что вы могли бы воссоздать объект, я не знал, что JS даже имеет возможность неизменных объектов. Это верно?

Answer 1

Просто простой пример:

var getBoundingNothing = {left:20}; 
Object.freeze(getBoundingNothing);  // if you comment this line... 

var gbn = getBoundingNothing; 
console.log(gbn); // Object { left=20 } 
gbn.left = 70 ; 
console.log(gbn); // Object { left=20 } // ...than left=70 

считают чтение этой интересной статьи: http://ejohn.org/blog/ecmascript-5-objects-and-properties/

и из этой статьи, все, что вам нужно, направляйтесь к MDN:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze