数据的不可变性

最近遇到一个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};
原文地址:https://www.cnblogs.com/Joyce-marmot/p/9896299.html