React中如何详细理解不可变值的原理和应用？

本文共计1356个文字，预计阅读时间需要6分钟。

不可变值是指在程序中其值不能被改变的变量。函数式编程是一种编程范式，其特点是在程序中使用函数和表达式。在这种编程中，函数和表达式可以像数学函数一样操作，并且可以接受特定的输入值，输出确定的结果。

例如：let a=1;let b=a + 1;=> a=1, b=2;

变量b的值出现，并且是确定的，因为使用了变量a的值。

什么是不可变值

函数式编程是指程序里面的函数和表达式都能像数学中的函数一样，给定了输入值，输出是确定的。比如

let a = 1; let b = a + 1; => a = 1 b = 2;

变量b出现，虽然使用了变量a的值，但是没有修改a的值。

再看我们熟悉的react中的代码，假如初始化了this.state = { count: 1 }

componentDidMount() { const newState = { ...state, count: 2 }; // { count: 2 } this.setState(newState); }

虽然我们使用了this.state，但是没有修改this.state的引用地址和直接修改count的值，对待this.props也一样。