SyntaxError: missing ; before statement的問題記錄

今天在寫一個JavaScript demo的時候，定義了一個變量，具體代碼以下：

       window.onload = function(){
              var panel = document.getElementById('panel');
              var right = document.createElement('div');
              var bottom = document.createElement('div');
              var rg-bom = document.createElement('div');
              right.className = 'right';
              bottom.className = 'bottom';
              rg-bom.className = 'rg-bom';
              panel.appendChild(right);
              panel.appendChild(bottom);
              panel.appendChild(rb-bom);
          };

在運行的時候不能經過，而且在firebug中提示：SyntaxError: missing ; before statement，百度這個錯誤也是毫無頭緒，說得都是鬆鬆散散的。檢查了幾回錯誤，都沒有發現，感受本身的代碼寫得很正確啊。以後找到定位的那一行以後，將 rg-bom這個變量改成 rg以後，就沒有這種錯誤了，原來問題出在這裏

看來在JavaScript中定義變量的時候不能定義爲這種帶有-線的，而後我又把-線改成_，也就是rg_bom，結果也編譯經過了，這說明確實是變量的定義有問題

這個時候我想到了一個知識點，也就是JavaScript中標識符的問題，也就是隻能是數字，字母，$ 和下劃線，原來如此。看來本身的基礎仍是太過薄弱啊。藉此記錄一下這個錯誤。其實發生這個錯誤通常是基礎的語法問題，仔細檢查一下就ok