亲宝软件园·资讯

展开

JavaScript库omit源码解析

codeniu 人气:0

omit 库

npm

github

克隆仓库

可以使用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 对象中指定字段的函数。它接收两个参数:objfields

它首先通过使用 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}

调试代码

在vscode的侧边栏的调试项中创建一个lunch.json ,并将program选项修改为我们要调试的文件。打开文件,在某行的最前边打上断点,运行debugger,如图:

可以看到运行到断点处,文件中变量的当时的值都很方便的查看到。上边工具栏可以点击下一步,进行一步步调试。

总结

学习在 Github Codespaces 中调试 Node.js 程序,类型声明文件的编写,以及复习了调试代码的过程。

加载全部内容

相关教程
猜你喜欢
用户评论