js 如何实现对象值复制？

[wunonglin]

go 的实现

package main

import "fmt"

type M struct {
	Num int64
}

func T1() {
	fmt.Printf("----T1----\n")
	a := M{1}
	b := a
	fmt.Printf("%+v\n", a)
	fmt.Printf("%+v\n", b)
	a.Num = 2
	fmt.Printf("%+v\n", a)
	fmt.Printf("%+v\n", b)
}

func T2() {
	fmt.Printf("----T2----\n")
	a := &M{1}
	b := a
	fmt.Printf("%+v\n", a)
	fmt.Printf("%+v\n", b)
	a.Num = 2
	fmt.Printf("%+v\n", a)
	fmt.Printf("%+v\n", b)
}

func main() {
	T1()
	T2()
}

输出结果

----T1----
{Num:1}
{Num:1}
{Num:2}
{Num:1}
----T2----
&{Num:1}
&{Num:1}
&{Num:2}
&{Num:2}

js 的实现

function T2(){
    let a = {num: 1}
    let b = a
    console.log(a)
    console.log(b)
    a.num = 2
    console.log(a)
    console.log(b)
}

输出结果

{num: 1}
{num: 1}
{num: 2}
{num: 2}

如何使用 js 实现 golang 的 T1 方法？除了深拷贝。

就类似于“从源 Object 创建一个新的 Object ，内存地址完全是新的，新 Object 也和源完全一样，不会丢失各种属性”，js 自带的好像没看到类似的方法

[en20]

最简单的 JSON.parse(JSON.stringify())

[NathanDo]

const b = JSON.parse(JSON.stringify(a));

[anjianshi]

如果是普通对象，没有 method 之类的东西，且不考虑性能，可以 JSON 化。

```javascript
const objectA = {
a: {
b: { c: 1 },
d: 2,
},
e: 3
}

const objectB = JSON.parse(JSON.stringify(objectA))

objectA.a.d = 100
objectB.a.d = 200

console.log(objectA.a.d) // 100
console.log(objectB.a.d) // 200
```

[anjianshi]

哈哈哈哈 一楼抢答了

[viewweiwu]

1. let b = Object.assign({}. a)
2. let b = {...a}
3. JSON.parse(JSON.stringify(a))

这三种方法都可以

[viewweiwu]

1. let b = Object.assign({}, a)
2. let b = {...a}
3. JSON.parse(JSON.stringify(a))

这三种方法都可以

[tsanie]

Object.assign 和{...a}是浅拷贝。
JSON.parse(JSON.stringify(a))是深拷贝但没法处理函数。
自己写递归或者用 lodash 的 cloneDeep 吧。

[wunonglin]

@NathanDo #2
@anjianshi #3
@anjianshi #4
@viewweiwu #5

```js
class M {
get K(){
return this.Num + 1
}

constructor(value) {
this.Num = value
}
}

function T1(){
console.log('----T1----')
const a = new M(1)
const b = a
console.log(a)
console.log(b)
a.Num = 2
console.log(a, a.K, a instanceof M)
console.log(b, a.K, b instanceof M)
}

function T2_JSON(){
console.log('----T2_JSON----')
const a = new M(1)
const b = JSON.parse(JSON.stringify(a))
console.log(a)
console.log(b)
a.Num = 2
console.log(a, a.K, a instanceof M)
console.log(b, a.K, b instanceof M)
}

function T2_Assign(){
console.log('----T2_Assign----')
const a = new M(1)
const b = Object.assign({}, a)
console.log(a)
console.log(b)
a.Num = 2
console.log(a, a.K, a instanceof M)
console.log(b, a.K, b instanceof M)
}

function T2_Spread(){
console.log('----T2_Spread----')
const a = new M(1)
const b = {...a}
console.log(a)
console.log(b)
a.Num = 2
console.log(a, a.K, a instanceof M)
console.log(b, a.K, b instanceof M)
}

T1()
T2_JSON()
T2_Assign()
T2_Spread()
```

使用 json ，assign ，spread 后原型丢了。不符合需求

[wunonglin]

```
----T1----
M { Num: 1 }
M { Num: 1 }
M { Num: 2 } 3 true
M { Num: 2 } 3 true
----T2_JSON----
M { Num: 1 }
{ Num: 1 }
M { Num: 2 } 3 true
{ Num: 1 } 3 false
----T2_Assign----
M { Num: 1 }
{ Num: 1 }
M { Num: 2 } 3 true
{ Num: 1 } 3 false
----T2_Spread----
M { Num: 1 }
{ Num: 1 }
M { Num: 2 } 3 true
{ Num: 1 } 3 false
```

[yaphets666]

除了深拷贝?为啥要把他除了啊.jsonstringify 我劝你别用 会丢失数据结构

[wunonglin]

@yaphets666 #10

类似于 b = Object.from(a)，这样能够实现 golang 的效果，这个 from 是不存在的，举例而已

[gadfly3173]

https://github.com/lodash/lodash/blob/2da024c3b4f9947a48517639de7560457cd4ec6c/.internal/baseClone.js#L157
直接用 lodash 就好

[yaphets666]

@wunonglin js 没有原生的这种功能,如果想完美的实现一个复杂数据结构对象的值复制,必须使用深拷贝,自己实现一个或者使用第三方库.上面说的 object.assign 和 JSON.stringify 都有各自的局限性,你可以自行百度.

[gadfly3173]

“从源 Object 创建一个新的 Object ，内存地址完全是新的，新 Object 也和源完全一样，不会丢失各种属性”
这个需求不就是深拷贝么，，，除了深拷贝还能咋实现呢

[anjianshi]

要保留原型，就只能用笨方法了。

[wunonglin]

@gadfly3173 #14 原生方法，非第三方

[anjianshi]

涉及到 class 的东西，是没法做到“复制”的。go 里我记得是没有 class 之类的概念，你才能用系统提供的能力去复制。
只有“普通对象”，可以快捷复制。

[wunonglin]

@yaphets666 #13
@gadfly3173 #12

lodash 的 cloneDeep 可以实现。但是我想知道有没有原生的方法

[anjianshi]

所以，要么不要带 class ，要么自己手动深拷贝。

[WhiteHu]

structuredClone()

有自带的方法哈 不过是试验性 api

https://developer.mozilla.org/en-US/docs/Web/API/structuredClone