Categories: CoffeeScript 教程

CoffeeScript 克隆对象(深度复制)

克隆对象(深度复制)

问题

你想复制一个对象,包含其所有子对象。

解决方案

clone = (obj) ->
  if not obj? or typeof obj isnt object
    return obj

  if obj instanceof Date
    return new Date(obj.getTime()) 

  if obj instanceof RegExp
    flags = 
    flags += g if obj.global?
    flags += i if obj.ignoreCase?
    flags += m if obj.multiline?
    flags += y if obj.sticky?
    return new RegExp(obj.source, flags) 

  newInstance = new obj.constructor()

  for key of obj
    newInstance[key] = clone obj[key]

  return newInstance

x =
  foo: bar
  bar: foo

y = clone(x)

y.foo = test

console.log x.foo isnt y.foo, x.foo, y.foo
# => true, bar, test

讨论

通过赋值来复制对象与通过克隆函数来复制对象的区别在于如何处理引用。赋值只会复制对象的引用,而克隆函数则会:

  • 创建一个全新的对象
  • 这个新对象会复制原对象的所有属性,
  • 并且对原对象的所有子对象,也会递归调用克隆函数,复制每个子对象的所有属性。

下面是一个通过赋值来复制对象的例子:

x =
  foo: bar
  bar: foo

y = x

y.foo = test

console.log x.foo isnt y.foo, x.foo, y.foo
# => false, test, test

显然,复制之后修改y也就修改了x。

admin

这个人很懒,什么都没有留下~

Share
Published by
admin

Recent Posts

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

3 小时 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

7 天 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

1 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

2 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

3 周 ago