Skip to content

Latest commit

 

History

History
68 lines (45 loc) · 2.9 KB

copyObject.md

File metadata and controls

68 lines (45 loc) · 2.9 KB

lodash源码分析之copyObject

本文为读 lodash 源码的第一百八十三篇,后续文章会更新到这个仓库中,欢迎 star:pocket-lodash

gitbook也会同步仓库的更新,gitbook地址:pocket-lodash

依赖

import assignValue from './assignValue.js'
import baseAssignValue from './baseAssignValue.js'

《lodash源码分析之assignValue》 《lodash源码分析之baseAssignValue》

源码分析

copyObject 用来将对象 source 上所有的 props 属性复制到 object 上,支持传入一个函数 customizer 来计算得到新的值。

源码如下:

function copyObject(source, props, object, customizer) {
  const isNew = !object
  object || (object = {})

  for (const key of props) {
    let newValue = customizer
      ? customizer(object[key], source[key], key, object, source)
      : undefined

    if (newValue === undefined) {
      newValue = source[key]
    }
    if (isNew) {
      baseAssignValue(object, key, newValue)
    } else {
      assignValue(object, key, newValue)
    }
  }
  return object
}

这里用一个标志 isNew 来标记有没有传入 object ,如果没有传入 object ,会将 object 初始化为空对象。

isNew 这个标记用来做性能优化,下面会讲到。

接着就是遍历 props,如果有传入 customizer 函数,则调用 customizer 函数,将当前 key 的目标当前值 object[key] 和源值 source[key]keyobjectsource 都传给 customizer 函数,返回的结果赋值给 newValue 变量。如果没有传入 customizer 函数,则 newValueundefined

为什么不在这里直接从 source 中直接将对应的 key 值取出呢?因为 customizer 函数也可能会返回 undefined 值。

因此后面直接判断 newValue === undefined 的时候,再从 souce 中取出对应 key 的值,赋值给 newValue

接下来,就可以看到 isNew 的作用了。如果 isNewtrue ,则调用 baseAssignValue 来更新 object 上对应属性 key 的值,否则使用 assignValue

这两个函数有什么区别呢? baseAssignValue 不会做属性是否为自身属性的检测,因此相对 assignValue 来说性能更好。

因为一个全新的对象自身是不会有属性的,因为完全不需要这个检测,可以直接使用 baseAssignValue ,这样性能更好。

License

署名-非商业性使用-禁止演绎 4.0 国际 (CC BY-NC-ND 4.0)

最后,所有文章都会同步发送到微信公众号上,欢迎关注,欢迎提意见:

作者:对角另一面