javascript - 当对象分配给变量时，变量的行为如何？

Question

应用程序通过 post 方法从 HTML 表单获取一个对象，如下所示:

代码:

app.post("/foo", (req, res)=> {

  const data = req.body;
  const itemId = req.body.id;

  console.log(data);
  console.log(itemId);

});

console.log() 结果是:

{
  brand: 'foo',
  model: 'foo',
  amount: '10',
  id: '629f3149ffc8f9dcfa56e403'
}
629f3149ffc8f9dcfa56e403

在控制台上，整个对象和项目的值都完美显示。

现在，当我应用 delete 从 const data 中删除 id property 时在将 req.body.id 分配给 itemId 之前:(position1)

app.post("/foo", (req, res)=> {

  const data = req.body;
  // position 1
  delete data.id;
  
  const itemId = req.body.id;
  

  console.log(data);
  console.log(itemId);

})

我得到 itemId 的未定义:

{
  brand: 'foo',
  model: 'foo',
  amount: '10',
  
}
undefined

但是如果我在将 req.body.id 分配给 itemId 之后使用delete:(position2)

app.post("/foo", (req, res)=> {

  const data = req.body;
  
  const itemId = req.body.id;
  // position 2
  delete data.id;
  

  console.log(data);
  console.log(itemId);

})

我在控制台中获取了itemId。

{
  brand: 'foo',
  model: 'foo',
  amount: '10',
}
629f3149ffc8f9dcfa56e403

问题是为什么和/或如何发生这种情况？

我接受对问题标题/或正文的任何​​编辑，以便任何人更好地理解。谢谢。

Answer 1

在 Javascript 赋值中，对象和值的处理方式不同。

data和req.body是对象，并且在赋值之后

const data = req.body;

它们是同一个对象。该对象不会被复制，但会创建一个指向同一对象的新指针。

现在

const itemId = req.body.id;
delete data.id;

首先复制id的值到一个新变量中，然后删除原始变量( data.id 与 req.body.id 相同)。副本仍然存在。

delete data.id;
const itemId = req.body.id;

首先删除原来的id然后尝试复制它的值。但到那时，它就消失了。