数据的不可变性

数据的不可变性

最近遇到一个bug，循环对数组内的对象赋值，结果link[i][“objJson”]的值改变直接导致了link数组内其他的objJson对应值也发生了改变，估计是push时，直接引用的是同一个对象

补救方法：

var linkObj =JSON.parse(JSON.stringify(links[i]));

通常有两种方式来更改数据。

• 直接更改变量的值来 改变 数据。
• 用包含所需更改对象的新副本来替换数据。

不可变数据的好处

检测变更（Detecting Changes）

• 检测可变对象的变化很困难，因为它们是直接修改的。该检测需要将可变对象与其自身的先前副本进行比较， 以及要遍历的整个对象树。
• 检测不可变对象中的更改要容易得多。 如果被引用的不可变对象与前一个不同，则该对象已更改。仅此而已。

不可变数据

var squares=[];
//创建数组的副本,而不是修改现有的数组。
var newSquares = squares.slice()
//与push()方法不同，concat() 方法不会改变原始数组
var newHistory = history.concat([{
    squares: squares,
}]);

var player = {score: 1, name: 'Jeff'};
//创建副本
var newPlayer =JSON.parse(JSON.stringify(player));
// 现在 player 没改变, 但是 newPlayer 是 {score: 2, name: 'Jeff'}
var newPlayer = Object.assign({}, player, {score: 2});
// 或者如果你使用对象扩展语法，可以写成：
var newPlayer = {...player, score: 2};