对象,函数初始化不同?

2023-06-16 379 0

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
  }
}
const d =()=>{
return {
x:b(),
y:a
}
}

这是一段函数定义,函数里面的代码在你声明的时候是不会执行的
文档
image.png

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

回答

相关文章

nuxt2部署静态化和ssr的时候访问首页先报404再出现首页为什么?
`clip-path` 如何绘制圆角平行四边形呢?
多线程wait方法报错?
VUE 绑定的方法如何直接使用外部函数?
vue2固定定位该怎么做?
谁有redis实现信号量的代码,希望借鉴一下?