为什么我的代码在第二种情况下有效，但在第一种情况下却无效？答案

【问题标题】：why my code works in the second situation but not in the first?为什么我的代码在第二种情况下有效，但在第一种情况下却无效？
【发布时间】：2022-12-18 14:08:16
【问题描述】：

我想知道为什么程序在第二种情况下有效，但在第一种情况下无效。

情况1：-

let tem=document.getElementById('timed').value
let timeBtn=document.getElementById('timed_input');
timeBtn.addEventListener('click',()=>{
    console.log(tem);
})

案例2：-

let timeBtn=document.getElementById('timed_input');
timeBtn.addEventListener('click',()=>{
    console.log(document.getElementById('timed').value);
})

【问题讨论】：

在第一种情况下，您获得一次值，然后在每次点击时打印相同的值。在第二种情况下，每次点击都会获得最新值。

标签： javascript node.js reactjs addeventlistener document

【解决方案1】：

因为value很可能是一个primitive data type。当您将原始值分配给变量时，该值将复制到该变量。相反，当您将对象分配给变量时，您得到的是该对象的引用而不是它的副本。

看看这个例子。

let a = 20;
let b = a;
a = 30;
console.log(a); // 30
console.log(b); // 20

尽管我们分配了let b = a，但我们将a (20) 的值存储到b 中，b 和a 彼此没有关系。

与非原始数据类型（如对象）相比：

let a = { name: "Doria", age: 22 };
let b = a;
b.name = "Nicole";
console.log(a.name); // Nicole
console.log(b.name); // Nicole

在这种情况下，a 和 b 是相关的，因为它们引用同一个对象。

【讨论】：