标签： lenses

嘿，大家好！今天咱们来聊点儿酷炫的，关于 JavaScript 的 Lenses，尤其是在不可变数据结构中，如何用它们优雅地更新数据。准备好了吗？Let’s dive in! ### 啥是 Lenses？别告诉我你只知道眼镜！ Lenses，中文翻译成“镜头”，但在这里跟眼镜真没啥关系。在编程的世界里，它是一种强大的工具，允许你安全且简洁地访问和修改嵌套在复杂数据结构中的特定属性，而无需手动遍历整个结构。想象一下，你有一栋豪华别墅（数据结构），Lenses 就像是专门为你定制的望远镜，让你精准地观察和调整别墅里的某个角落，比如客厅里的壁炉。 更学术一点的说法：Lenses 是由一对 get 和 set 函数组成的。 * **get (view):** 接收一个数据结构，返回你想要访问的属性值。 * **set (update):** 接收一个数据结构和一个新的属性值，返回一个修改后的新的数据结构，原始数据保持不变（对于不可变数据结构来说）。 ### 为什么要用 Lenses？痛点在哪里？ 假设我们有一个嵌套很深的对象，比如： “`javascript const user = { i …

继续阅读“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: ‘上海’ } }; 上面的代码虽然简单，但有几个问题： 直接修改对象: 会产生副作用，在大型项目中容易造成混乱。 层层展开对象: 代码冗长，嵌套层级深了之后，简直 …

继续阅读“JavaScript内核与高级编程之：`JavaScript`的`Lenses`：其在函数式编程中的数据更新。”