今天遇到一个代码上的坑,虽然很久以前就知道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被修改了