是否有更優雅的方式來聲明我的JavaScript變量？

我正在寫一個hang子手遊戲，它的效果很好，但是這個變量塊真的很難看。我知道我已經在PHP中完成了一些操作，然後將所有需要的變量放入數組中並將其抽出。有沒有一種方法可以在抓住我的DOM元素的同時通過Javascript實現？是否有更優雅的方式來聲明我的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');

來源

2017-11-17 Sean Kelly

您可以用'let a = 1，b = 2，...'聲明變量以避免重複'let'。 –

你在說PHP中的register_globals（$ array）嗎？在JS中沒有這樣的東西，它在PHP中也不常用。 – Barmar

我想你指的是在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');

用法：

來源

2017-11-17 23:57:27 Phix

這正是我所期待的！非常感謝。不知道爲什麼我downvoted哈哈，這似乎更優雅 –

是的，我也不知道。高興地幫助:) – Phix

這很好，沒有想到外面的塊，呃，我的意思是，盒子。 OP想要一個更優雅，而不是簡潔的解決方案，所以在這裏，我們有它 –

你就可以得到最短的是：

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

我看不到的方式來概括/壓縮這一點，因爲你選擇是完全不同的元素。老實說，這很好！

來源

2017-11-17 23:55:58

謝謝奧利弗。我在想，如果我把所有東西都放進一個數組中，事情看起來不錯，但我認爲它是不可能的。感謝您的更新塊！ –

聲明靜態變量例如功能，參考const關鍵字（而不是讓）。而不是重複讓/ const關鍵字，只需用comma operators：

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

等

來源

2017-11-17 23:57:17 reski

不是真的。我喜歡將我的控件分組在一個結構中，但我不能說它更好。

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

來源

2017-11-18 00:19:19 GaryH

您可以使用並行分配進行映射。較短，但我個人不會這樣做：

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

來源

2017-11-18 00:21:36 Andrew

有趣！我喜歡。 – Phix

是否有更優雅的方式來聲明我的JavaScript變量？

回答

相關問題