Javascript 变量保持样式值可以'；不能改变

我对一个简单的问题很好奇。代码如下：

var square=document.getElementById（'square'））
var left=square.style.left
函数moveNoVariable（）{
square.style.left=“100px”//works
}
函数moveWithVariable（）{
left=“100px”//不工作
}
moveNoVariable（）

#正方形{
宽度：20px；
高度：20px；
边框：1px纯黑；
背景色：红色；
位置：相对位置；
}

---

square.style.left是一个字符串。如果将字符串放入变量中，该变量将存储给定字符串的副本。如果将对象放入变量中，该变量将引用原始对象。因此，您可以这样做，例如：

var square = document.getElementById('square')
var style = square.style

function moveNoVariable() {
  square.style.left = "100px" // works
}

function moveWithVariable() {
  style.left = "100px" // will work
}

square.style.left是一个字符串。如果将字符串放入变量中，该变量将存储给定字符串的副本。如果将对象放入变量中，该变量将引用原始对象。因此，您可以这样做，例如：

var square = document.getElementById('square')
var style = square.style

function moveNoVariable() {
  square.style.left = "100px" // works
}

function moveWithVariable() {
  style.left = "100px" // will work
}

这这就是答案。我删除了我的，因为它只是让人困惑。太好了，现在明白了。这个。这就是答案。我删除了我的，因为它只是让人困惑。太好了，现在就明白了。