let a =1
const b =()=>a
const c = {
x:b(),
y:a
}
const d =()=>{
return {
x:b(),
y:a
}
}
a =100
console.log('C',c) // {x: 1, y: 1}
console.log('D',d()) // {x: 100, y: 100}
打印c时,c的值是初始化的值,x,y都是1。a变化了不影响c。
那么函数d在初始化时,x:b(),y:a为什么不初始化为x:1,y:1呢,就是这样
d =()=>{
return {
x:1,
y:1
}
}
这是一段函数定义,函数里面的代码在你声明的时候是不会执行的

文档
你在执行
console.log('D',d())
时才执行这个函数,这时候外层的 a 已经变成100了,函数中读取到的a也就是100了