js 赋值的坑

今天遇到一个代码上的坑，虽然很久以前就知道js赋值对象会把对象地址赋值过去而不是复制对象，但是自己今天真的遇到，才发现这个坑真的很难发现

一个地方对initState有如下定义

 const initState = {
     a: true,
     b: true
}

另一个地方这么调用

 state = initState
 console.log(state)

运行结果一直有bug，打log发现居然state中的b不是true.

想了想才回忆起来，js对于对象的赋值，是把对象的地址传送给被赋值变量，也就是说

state = initState

这个意思是，state就是initState，指向同一个地址，操作state后initState也会变，在代码的其他地方使用了state并做了一些操作后，initState已经不是原来的值了，那么这个init也就没有了作用

应该这么写（可以这么写）

const initState = () => ({
    a: true,
    b: true
})

//需要init时这么调用

state = initState()

initState 是一个函数每次返回一个新的对象给变量 这样就用担心initState被修改了