如何修改函数中返回的对象属性，实现函数可复用？

嘿，这个问题我之前在处理D3的nest函数时也踩过坑，咱们来拆解一下问题出在哪，再给出两种实用的解决方案～

为什么你之前的代码会报错？ #

你之前尝试把d.location_name作为参数传入函数，但这里的d是只有当nest的.key()回调执行时才会被传入的数据项——在你定义example = d.location_name的时候，根本没有d这个对象存在，自然会报"d is undefined"的错误啦。

方案1：传入属性名字符串（最直接的复用方式） #

如果你的需求只是切换要取的对象属性，最省心的方式是把属性名作为字符串参数传入，然后在.key()的回调里用方括号语法访问对象属性：

// 定义可复用的函数，接收第一个key要取的属性名
function createNestedData(firstKeyProperty) {
  // 用d[firstKeyProperty]动态访问属性
  let nested = nest()
    .key(function(d) { return d[firstKeyProperty]; })
    .key(function(d) { return d.customer_id; });
  
  // 别忘了返回处理后的nest实例，方便后续调用
  return nested;
}

// 调用示例：切换不同属性
// 按location_name分组
const locationGrouped = createNestedData('location_name');
// 按consultant_name分组
const consultantGrouped = createNestedData('consultant_name');

方括号语法d[propName]是JavaScript中访问动态属性的标准方式，完美适配这种需要切换属性的场景。

方案2：传入自定义key函数（更灵活的进阶方式） #

如果有时候你需要对数据做额外处理（比如格式化字符串、计算衍生值），可以直接把整个.key()的回调函数作为参数传入，这样灵活性拉满：

function createNestedData(firstKeyCallback) {
  let nested = nest()
    .key(firstKeyCallback) // 直接使用传入的回调函数
    .key(function(d) { return d.customer_id; });
  
  return nested;
}

// 调用示例1：直接取属性
const locationGrouped = createNestedData(function(d) {
  return d.location_name;
});

// 调用示例2：带额外处理（比如把顾问名转成大写）
const upperCaseConsultantGrouped = createNestedData(function(d) {
  return d.consultant_name.toUpperCase();
});

// 用箭头函数更简洁
const customerGrouped = createNestedData(d => d.customer_id);

这种方式不仅能切换属性，还能应对各种复杂的分组逻辑，复用性更强。

小提醒 #

原函数里没有返回值，建议加上return nested，这样调用函数后才能拿到处理好的nest实例去处理数据哦～

内容的提问来源于stack exchange，提问作者Sorvah