javascript変数を宣言するためのよりエレガントな方法はありますか？

Question

私はハングマンゲームを書いていますが、それはうまくいっていますが、この変数のブロックは実際にはかなり醜いです。私がPHPで何かしたことは、私が必要としているすべての変数を配列に入れ、それらをポンピングしたところです。 DOM要素を取得しながらJavascriptでこれを達成する方法はありますか？

let _ = []; 
let correct = []; 
let wrong = []; 
let underscores = document.querySelector('.underscores'); 
let correctBlock = document.querySelector('.correct'); 
let wrongBlock = document.querySelector('.wrong'); 
let scoreBlock = document.querySelector('#score'); 
let btn = document.querySelector('.btn'); 
let hint = document.querySelector('.hint'); 

Answer 1

を、私はあなたがPHPでダブル$に言及していると思いますか？ （それはしばらくしていた）

いいえ、申し訳ありません。

私はあなたが含まれているものを維持するためのマップを作成してお勧め：

let score = { 
    _: [], 
    correct: [], 
    wrong: [] 
} 

let blocks = { 
    underscores: document.querySelector('.underscores'), 
    correct: document.querySelector('.correct'), 
    wrong: document.querySelector('.wrong'), 
    score: document.querySelector('#score') 
} 

let btn = document.querySelector('.btn'); 
let hint = document.querySelector('.hint'); 

は使用方法：本当に

Answer 2

あなたが得ることができるでしょう最短は次のとおりです。

let _ = [], 
    correct = [], 
    wrong = [], 
    underscores = document.querySelector('.underscores'), 
    correctBlock = document.querySelector('.correct'), 
    wrongBlock = document.querySelector('.wrong'), 
    scoreBlock = document.querySelector('#score'), 
    btn = document.querySelector('.btn'), 
    hint = document.querySelector('.hint'); 

私はあなたが選択している要素がすべて異なっているとして、これを圧縮/一般化する方法を見ることはできません。正直、これは大丈夫です！

Answer 3

たとえば、静的変数を宣言します。関数、のconstキーワード（の代わりに）の要素への参照。代わりに聞かせて/ constキーワードを繰り返す 、ちょうどcomma operators使用：

const underscores = document.querySelector('.underscores'), 
     correctBlock = document.querySelector('.correct'), 
     wrongBlock = document.querySelector('.wrong'); 

など

Answer 4

ありません。私はコントロールを構造体にグループ化するのが好きですが、その優れたことは言えません。

let ctrls = { 
    underscores: document.querySelector('.underscores'), 
    correctBlock: document.querySelector('.correct') 
}; 

Answer 5

パラレル割り当てでマップすることができます。より短いですが、私は個人的にはそうしません。