JavaScript内核与高级编程之:`JavaScript`的`Lenses`:其在函数式编程中的数据更新。

各位靓仔靓女,早上好!今天咱们来聊聊 JavaScript 里一个挺有意思的概念—— Lenses(镜头)。 别害怕,这玩意儿听起来高大上,但其实理解起来并不难,掌握了之后能让你的函数式编程功力更上一层楼。 开场白:对象更新的烦恼 在 JavaScript 里,咱们经常要更新对象的状态。最常见的做法就是直接修改对象属性,或者创建新对象,把旧对象属性复制过去,再改动需要更新的部分。 const user = { name: ‘张三’, age: 30, address: { city: ‘北京’, street: ‘长安街’ } }; // 简单粗暴的修改 user.age = 31; user.address.city = ‘上海’; // 看起来更函数式的做法(但还是不够优雅) const updatedUser = { …user, age: 31, address: { …user.address, city: ‘上海’ } }; 上面的代码虽然简单,但有几个问题: 直接修改对象: 会产生副作用,在大型项目中容易造成混乱。 层层展开对象: 代码冗长,嵌套层级深了之后,简直 …