jsのオブジェクトの値を取る点文法と中かっこ文法の違い

jsの中には対象に対して値を取る方法が二つあります.一つは点文法で、一つは中括弧文法です.しかし、いつどれを使うか分からない人がいます.ネット上の他のブログで話していることがあります.今回の詳細を紹介します.
             中かっこ文法:いつでも  場合によっては使用できます   適用範囲が広い
              点文法:制限がありますので、話してください.
            
              例1:
              

           let obj = {
             a: 123
           }

         console.log(obj.a)              // 123
         console.log(obj['a'])           // 123

 文法と中かっこの文法は大丈夫です.   ノーマル
            例2:

         let obj = {
             '': 123
         }

         console.log(obj.'')              // SyntaxError
         console.log(obj[''])           // 123

keyが空の文字列の場合、中かっこは正常に値を取り、点文法はエラーとします.実はエディタがヒントを与えました.中かっこは二文字列でも値を取ります.
 
         例3:

         let obj = {
             1: 123
         }

         console.log(obj.1)              // SyntaxError
         console.log(obj[1])           // 123

結果は同じです.keyがnumberタイプの場合、点文法も値を取れません.
       例四:

         let obj = {
             '1': 123
         }

         console.log(obj.'1')              // SyntaxError
         console.log(obj['1'])           // 123

結果が同じで、keyが数字文字列の場合  ポイント文法でも値が取れません.
        例5:
 

         let obj = {
             'a': 123
         }

         let value = 'a'

         console.log(obj.value)              // undefined
         console.log(obj[value])           // 123

 keyが変数の場合、ポイント文法は値を取れません.中かっこ文法は正常に値を取ります.
 
 
     結び:しばらくのプロジェクトでの違いはこれぐらいです.先端の道のあなたに少し助けてほしいです.