【源码读】【若川视野 x 源码共读】第36期 | A24 | omit.js 剔除对象中的属性本文参加了由公众号@若川视

本文参加了由公众号@若川视野发起的每周源码共读活动，点击了解详情一起参与。

源码共读前言

源码github omit
Github 1s 在线vscode

本文目标

学习 omit.js 剔除对象中的属性
学会通过测试用例调试源码

源码

先看下omit仓库的文件目录，值得学习的简易模板

核心源码 （用途：实用工具函数创建一个删除某些字段的对象的浅副本--来自omit作者）

function omit(obj, fields) {
  // eslint-disable-next-line prefer-object-spread
  const shallowCopy = Object.assign({}, obj);
  for (let i = 0; i < fields.length; i += 1) {
    const key = fields[i];
    delete shallowCopy[key];
  }
  return shallowCopy;
}

export default omit;

omit库使用示例

var omit = require('omit.js');
omit({ name: 'Benjy', age: 18 }, [ 'name' ]); // => { age: 18 }

知识点

1. Object.assign

从一个或多个源对象复制到目标对象，返回修改后的对象更多参考Mdn

语法： Object.assign(target, ...sources)
针对所有可枚举（Object.propertyIsEnumerable() 返回 true）和自有（Object.hasOwnProperty() 返回 true）属性，所以对象当然可以使用此方法
浅拷贝因为假如源对象是一个对象的引用，它仅仅会复制其引用值，要想深拷贝，参考lodash库

深拷贝的一种形式：

// Deep Clone
  obj1 = { a: 0 , b: { c: 0}};
  let obj3 = JSON.parse(JSON.stringify(obj1));
  obj1.a = 4;
  obj1.b.c = 4;
  console.log(JSON.stringify(obj3)); // { "a": 0, "b": { "c": 0}}