在Javascript中将多个变量分配给相同的值?

IT技术 javascript
2021-02-25 11:41:51

我在 JavaScript 文件的全局范围内初始化了几个变量:

var moveUp, moveDown, moveLeft, moveRight;
var mouseDown, touchDown;

我需要将所有这些变量设置为 false。这是我目前拥有的代码:

moveUp    = false;
moveDown  = false;
moveLeft  = false;
moveRight = false
mouseDown = false;
touchDown = false;

有什么方法可以在一行代码中将所有这些变量设置为相同的值,或者我目前有最好的方法来做到这一点?

5个回答

没有什么能阻止你做

moveUp = moveDown = moveLeft = moveRight = mouseDown = touchDown = false;

检查这个例子

var a, b, c;
a = b = c = 10;
console.log(a + b + c)

2021-04-22 11:41:51
如果您没有将所有变量全局范围限定在赋值的左侧,我会说不要使用这种方法
2021-04-26 11:41:51
是的,如果对一个对象执行此操作,所有变量都将是该对象的别名。IEfunction MyObj(){this.x=1} var a,b; a = b = new MyObj(); ++a.x也会增加该b.x属性。
2021-04-30 11:41:51
您可能想要评论在按照您建议的方式分配值时行为将如何区分原始类型和引用类型。
2021-05-09 11:41:51
正如@doublejosh 所说,存在您没有解决的范围界定问题。
2021-05-14 11:41:51

没有什么能阻止你做上面的事情,但是坚持下去!

有一些问题。Javascript 中的赋值是从右到左,所以当你写的时候:

var moveUp = moveDown = moveLeft = moveRight = mouseDown = touchDown = false;

它有效地转化为:

var moveUp = (moveDown = (moveLeft = (moveRight = (mouseDown = (touchDown = false)))));

这有效地转化为:

var moveUp = (window.moveDown = (window.moveLeft = (window.moveRight = (window.mouseDown = (window.touchDown = false)))));

无意中,您刚刚创建了 5 个全局变量——我很确定您不想这样做。

注意:我上面的例子假设你在浏览器中运行你的代码,因此window. 如果您在不同的环境中,这些变量将附加到该环境的全局上下文(即,在 Node.js 中,它将附加到global该环境的全局上下文)。

现在您可以先声明所有变量,然后将它们分配给相同的值,这样就可以避免这个问题。

var moveUp, moveDown, moveLeft, moveRight, mouseDown, touchDown;
moveUp = moveDown = moveLeft = moveRight = mouseDown = touchDown = false;

长话短说,两种方式都可以正常工作,但第一种方式可能会在您的代码中引入一些有害的错误。如果不是绝对必要,不要犯用局部变量乱扔全局命名空间的罪过。


旁注:正如评论中所指出的(这不仅仅是在这个问题的情况下),如果有问题的复制值不是原始值而是一个对象,您最好了解按值复制与按引用复制。每当分配对象时,都会复制对对象的引用而不是实际对象。所有变量仍将指向同一个对象,因此一个变量中的任何更改都将反映在其他变量中,如果您打算复制对象值而不是引用,这将给您带来很大的麻烦。

@ElisByberi 感谢您的评论。你没有错。我的答案的目标是解决已接受答案中的第一句话。我在这方面的回答中提供了进一步的澄清。
2021-04-29 11:41:51
除了moveUp成为块作用域之外,它没有任何区别。仍然会声明 5 个全局变量。
2021-05-15 11:41:51
@P-RAD 只有使用 let 声明的第一个变量才会存在于封闭范围内。
2021-05-18 11:41:51
如果我们对 let 也这样做呢?
2021-05-19 11:41:51
@GovindRaivar a, b, c; a = b = c = 10;var a = b = c = 10;. 所以,接受的答案是正确的。您正在解决与接受的答案无关的问题。
2021-05-21 11:41:51

当尝试将多个变量初始化为相同值时,还有另一个选项不会引入全局问题。它是否比长路更可取是一个判断力。它可能会更慢,并且可能会或可能不会更具可读性。在您的具体情况下,我认为很长的路可能更具可读性和可维护性,并且速度更快。

其他方式使用解构赋值

let [moveUp, moveDown,
     moveLeft, moveRight,
     mouseDown, touchDown] = Array(6).fill(false);

console.log(JSON.stringify({
    moveUp, moveDown,
    moveLeft, moveRight,
    mouseDown, touchDown
}, null, '  '));

// NOTE: If you want to do this with objects, you would be safer doing this
let [obj1, obj2, obj3] = Array(3).fill(null).map(() => ({}));
console.log(JSON.stringify({
    obj1, obj2, obj3
}, null, '  '));
// So that each array element is a unique object

// Or another cool trick would be to use an infinite generator
let [a, b, c, d] = (function*() { while (true) yield {x: 0, y: 0} })();
console.log(JSON.stringify({
    a, b, c, d
}, null, '  '));

// Or generic fixed generator function
function* nTimes(n, f) {
    for(let i = 0; i < n; i++) {
        yield f();
    }
}
let [p1, p2, p3] = [...nTimes(3, () => ({ x: 0, y: 0 }))];
console.log(JSON.stringify({
    p1, p2, p3
}, null, '  '));

这使您可以初始化一组varletconst在一行中的变量相同的值都具有相同的预期范围。

参考:

““编写惯用的 JavaScript,而让我们担心 JavaScript 性能的低级位””——Benedikt Meurer,V8 性能专家。
2021-04-27 11:41:51
不过要小心。如果使用此方法将对象、函数或数组分配给多个变量,则每个变量都将是该same对象的别名对一个的修改会影响其他的......
2021-05-03 11:41:51
创建一个数组来赋值,请不要
2021-05-05 11:41:51
@MartijnScheffer 为什么?如果编译代码的 JavaScript 引擎实际上创建并丢弃了一个额外的数组,而不是编译一系列直接赋值的数组,那么它将是特定于实现的并且是可修复的。
2021-05-19 11:41:51
是的,一旦代码被编译,数组仍然被创建,这使得这个方法比简单地分配值慢很多。这是不可修复的,如果您不需要,请不要分配内存。做一个简单的测试,用两个版本的代码写一个战利品。
2021-05-19 11:41:51

您可以使用解构赋值在短短的一行代码中声明您列出的原始变量并将其分配给相同的值。关键字letconstvar都可以用于这种类型的赋值。

let [moveUp, moveDown, moveLeft, moveRight, mouseDown, touchDown] = Array(6).fill(false);
使用数组解构是一种不错的方法。您还可以声明一个数组并明确地将您的值放在那里,使它们全部相等或全部不同。 let [moveUp, moveDown, moveLeft, ..., touchDown] = [1, False,..., True]
2021-04-27 11:41:51
很好,但是仅仅为了完成任务而分配内存仍然是完全错误的。
2021-05-10 11:41:51

将变量放入数组并使用 for 循环将相同的值分配给多个变量。

  myArray[moveUP, moveDown, moveLeft];

    for(var i = 0; i < myArray.length; i++){

        myArray[i] = true;

    }
这是非常错误的。第一条语句没有语法意义,for 循环只是为 myArray 索引赋值。
2021-04-24 11:41:51