[Javascript] AA.BB.CCの `.` は何を意味するか

Posted at 2025-02-27

python, C++と使用してきて，javascript独特な記述方法について困ったので，以下に纏めた．

In a nutshell

.はドット演算子とよばれる，オブジェクトや配列などのプロパティやメソッドにアクセスするための演算子である．

JavaScriptにおける .（ドット）は，主にオブジェクトのプロパティやメソッドを呼び出すために使用される．例えば，AA.BB.ccというコードがある場合，それは次のように解釈できる．

オブジェクトのプロパティアクセス
- AA はオブジェクトであり，その中に BB というプロパティが存在する．
- BB はさらにオブジェクトまたは値を持ち，その中に cc というプロパティが存在する．
- この場合，AA.BB.cc は，まず AA オブジェクトの BB プロパティにアクセスし，次にその BB プロパティが持つ cc プロパティにアクセスすることを意味する．
オブジェクトのメソッドアクセス
- AA.BB.cc の cc が関数であった場合，AA.BB.cc() はその関数を呼び出すことを意味する．
- 例えば，AA.BB.cc が function() { return "Hello"; } という関数であれば，AA.BB.cc() は "Hello" を返す．

Hello.World は Hello オブジェクトの World プロパティにアクセスして，その値である "Hello, World" を返す

// オブジェクトのプロパティへのアクセス
const Hello = {
  World: "Hello, World"
};

console.log(Hello.World); // Hello, World

この場合，Hello.World() は Hello オブジェクトの World メソッドを呼び出して，その結果である "Hello, World" を返す．

// メソッドの呼び出し
const Hello = {
  World: function() {
    return "Hello, World";
  }
};

console.log(Hello.World()); // Hello, World