gán nhiều biến cho cùng một giá trị trong Javascript

Tôi đã khởi tạo một số biến trong phạm vi toàn cầu trong tệp JavaScript:

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

Tôi cần đặt tất cả các biến này thành false, đây là mã tôi hiện có:

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

Có cách nào để tôi có thể đặt tất cả các biến này thành cùng một giá trị trong một dòng mã không, hoặc là mã tôi hiện có cách tốt nhất để làm điều này

Không có gì ngăn cản bạn làm

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

Kiểm tra ví dụ này

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

Không có gì ngăn cản bạn làm những điều trên, nhưng giữ vững!

Có một số vấn đề. Bài tập trong Javascript là từ phải sang trái để khi bạn viết:

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

nó có hiệu quả dịch sang:

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

có hiệu quả dịch sang:

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

Vô tình, bạn vừa tạo 5 biến toàn cục - điều mà tôi khá chắc chắn là bạn không muốn làm.

Lưu ý: Ví dụ trên của tôi giả sử bạn đang chạy mã của mình trong trình duyệt window. Nếu bạn ở trong một môi trường khác, các biến này sẽ gắn với bất kỳ bối cảnh toàn cầu nào xảy ra với môi trường đó (ví dụ, trong Node.js, nó sẽ gắn với globalbối cảnh toàn cầu cho môi trường đó).

Bây giờ trước tiên bạn có thể khai báo tất cả các biến của mình và sau đó gán chúng cho cùng một giá trị và bạn có thể tránh được vấn đề.

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

Tóm lại, cả hai cách đều hoạt động tốt, nhưng cách đầu tiên có khả năng giới thiệu một số lỗi nguy hiểm trong mã của bạn. Đừng phạm tội khi xả rác không gian tên toàn cầu bằng các biến cục bộ nếu không thực sự cần thiết.

Sidenote: Như đã chỉ ra trong các bình luận (và điều này không chỉ trong trường hợp của câu hỏi này), nếu giá trị được sao chép trong câu hỏi không phải là giá trị nguyên thủy mà thay vào đó là một đối tượng, bạn nên biết về sao chép theo giá trị so với sao chép bằng tham chiếu. Bất cứ khi nào gán đối tượng, tham chiếu đến đối tượng được sao chép thay vì đối tượng thực tế. Tất cả các biến vẫn sẽ trỏ đến cùng một đối tượng, vì vậy mọi thay đổi trong một biến sẽ được phản ánh trong các biến khác và sẽ khiến bạn đau đầu nếu ý định của bạn là sao chép các giá trị đối tượng chứ không phải tham chiếu.

Có một tùy chọn khác không giới thiệu gotchas toàn cầu khi cố gắng khởi tạo nhiều biến cho cùng một giá trị. Có hay không thích đường dài hơn là một cuộc gọi phán xét. Nó có thể sẽ chậm hơn và có thể hoặc không thể đọc được nhiều hơn. Trong trường hợp cụ thể của bạn, tôi nghĩ rằng con đường dài có lẽ dễ đọc và dễ bảo trì hơn cũng như nhanh hơn.

Cách khác sử dụng phân công hủy cấu trúc .

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, '  '));

Điều này cho phép bạn khởi tạo một bộ var , lethoặc constbiến với giá trị tương tự trên một dòng duy nhất tất cả với phạm vi dự kiến tương tự.

Người giới thiệu:

• MDN: Đối tượng toàn cầu mảng

• MDN: Array.fill

Đặt biến trong một mảng và Sử dụng Vòng lặp để gán cùng một giá trị cho nhiều biến.

  myArray[moveUP, moveDown, moveLeft];

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

        myArray[i] = true;

    }