You-Dont-Need-Lodash-Underscore 项目中 _.pick 方法的正确使用方式

在 JavaScript 开发中，对象属性提取是一个常见操作。Lodash 和 Underscore 库提供了 _.pick 方法来简化这一过程，但很多开发者可能没有意识到其与原生 JavaScript 解构赋值的差异。

_.pick 方法的行为特点

_.pick 方法的主要功能是从对象中提取指定的属性。其核心特点是：

• 只提取对象中实际存在的属性
• 对于不存在的属性，不会在结果对象中创建对应键
• 返回一个新对象，不影响原对象

解构赋值的不同行为

原生 JavaScript 的解构赋值虽然也能实现类似功能，但行为上有显著差异：

• 会为所有解构的变量创建对应键
• 不存在的属性会被赋值为 undefined
• 这种差异可能导致意外的结果

实际案例对比

考虑以下代码示例：

const schema = { a: 1, b: '2' };

// 使用 _.pick
const lodashResult = _.pick(schema, ['a', 'c']);
// 输出: { a: 1 }

// 使用解构赋值
const { a, c } = schema;
const nativeResult = { a, c };
// 输出: { a: 1, c: undefined }

这个例子清晰地展示了两种方式的区别。当处理可选但非空值时，_.pick 的行为通常更符合预期。

正确的替代方案

如果需要完全替代 _.pick 的功能，应该使用更精确的原生实现：

function pick(object, keys) {
  return keys.reduce((obj, key) => {
    if (object.hasOwnProperty(key)) {
      obj[key] = object[key];
    }
    return obj;
  }, {});
}

这种方法更忠实地复制了 _.pick 的行为，避免了不必要的 undefined 值。

开发建议

在实际开发中，选择哪种方式取决于具体需求：

• 如果需要严格匹配 Lodash 的行为，应该使用上述替代函数
• 如果接受 undefined 值的存在，可以使用解构赋值
• 考虑代码的可读性和维护性，明确表达意图

理解这些差异有助于开发者写出更健壮、可预测的代码，避免潜在的错误。