JavaScript库omit源码解析

codeniu 2022-12-11 我要评论

omit 库

克隆仓库

可以使用Github Codespaces 功能在浏览器中调试代码，如图：

GitHub Codespaces 是 GitHub 提供的一种在线开发环境，它可以让你在浏览器中使用各种工具来开发和调试代码，而不用把这些工具安装在你的计算机上。

GitHub Codespaces 与 Git 集成，可以在浏览器中编辑代码并提交更改。它还提供了许多其他方便的功能，比如代码补全和错误检查。使用 GitHub Codespaces 可以节省你安装软件和配置开发环境的时间，让你更快地进行开发。

源码

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;

解析

用于删除 JavaScript 对象中指定字段的函数。它接收两个参数：obj 和 fields。

它首先通过使用 Object.assign() 方法创建了一个 obj 的浅拷贝，并将该拷贝赋值给变量 shallowCopy。然后，它使用 for 循环来遍历 fields 数组，并逐一删除 shallowCopy 中对应的字段。最后，它返回经过处理后的 shallowCopy 对象。

这个函数的一个缺点是它只能删除对象的顶层字段，不能删除嵌套字段。要删除嵌套字段，可以使用递归来实现。

类型声明

查看index.d.ts，这个是Omit的类型声明文件，用于告诉 TypeScript 编译器如何类型检查该模块的代码。

declare function Omit<T, K extends keyof T>(
  obj: T,
  keys: Array<K>
): Omit<T, K>;
export default Omit;

这段代码定义了一个泛型函数 Omit，它接受一个对象 obj 和一个键名数组 keys，返回一个新的对象，该对象包含了原对象中除了 keys 数组中的键以外的所有键值对。例如，调用 Omit({a: 1, b: 2, c: 3}, ['b']) 将会返回一个新的对象 {a: 1, c: 3}。