通过xxx.xxx.xxx字符串来获取嵌套对象中的某个属性值;函数柯利化
。
// 用字符串路径来访问对象的成员(思路) function getValueByPath( obj,path ){ let paths = path.split(".");//[xxx,yyy,zzz,...] // 先取得obj.xxx 再取得 obj.xxx.yyy 再取得 obj.xxx.yyy.zzz // let res = null; // res = obj[ paths[ 0 ] ]; // res = res[ paths[1] ]; // res = res[ paths[2] ]; let res = obj; let prop; while( prop = paths.shift()){//把数组中的第0项取出来 res = res[ prop ]; } return res; } var o = { a:{ b:{ c:{ d:{ e:"正确了" } } } } } let aa = getValueByPath(o,"a.b.c.d.e"); console.log(aa);
今天看到了,vue中是把这个 函数柯利化 了,之前只是简单了解过,平时没用过,今天来理解的用一下;
函数柯里化:柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术。
这样可以让函数更加灵活,降低耦合度,可能平时感受不到,但是这里理解一下,说不定什么时候就可能用到:
将上面的函数 柯利化一下:
// 柯利化的好处是 减少函数的调用 function createGetValueByPath( path ){ let paths = path.split("."); return function getValueByPath ( obj ){ let res = obj; let prop; while( prop = paths.shift()){//把数组中的第0项取出来 res = res[ prop ]; } return res; } } let getValueByPath = createGetValueByPath('a.b.c.d') var o = { a:{ b:{ c:{ d:{ e:"正确了" } } } } } let aa = getValueByPath(o); console.log(aa);
认真去感受一下,就知道差别了
。
分类:
javascript
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
2019-09-06 vue中封装一个倒计时