React中不可变值如何通过长尾词表达？

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

不可变值是函数式编程中的核心概念，它指的是一旦创建，其值就不能改变的变量。函数式编程中的函数和表达式都像数学中的函数一样，一旦确定了输入值，输出值就是确定的。

例如：javascriptlet 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也一样。