JavaScript：お手伝いしているプログラミングスクールで聞かれた質問【オブジェクトって何？】

JavaScript：お手伝いしているプログラミングスクールで聞かれた質問【オブジェクトって何？】

プログラミングスクールの生徒さんといろいろお話している中で出てきた『よく理解できなかった事』について、この際まとめておこうの第三弾。
具体的にはこんな内容です。

function(){ } の { } の中もオブジェクトなの？

この質問の答えは...同回答すればいいか難しいですね。
{ }の中がオブジェクトなのではなく、functionで宣言された独自関数そのものがオブジェクトです。
ここら辺を理解していくには、まず「オブジェクトって何？」を考える必要があります。

オブジェクトの定義について

オブジェクトという単語はプログラミングを行っていると必ず出てくる言葉です。
そもそもオブジェクトって何？という点については先に英語のオブジェクトの意味をとらえるとわかりやすいです。

物体/対象/物/体とマテリアル（物質）な内容が並びます。というか、objectに動詞の活用があるなんて知らなかった...。

では次にオブジェクトの定義を見てみます。

まだ「何となく理解した」という域を抜けない感じですね。
ポイントは【関連のある】という箇所です。これに英語の意味としての物体を掛け合わせて考えてみます。

私流の理解で補足してみます。プログラムの提供する成果物は『データそのもの』や『画面表示』です。これら成果物(最終とは限らない)を提供するスクリプト群をオブジェクトといいます。

どうでしょう、少し明瞭になってきたでしょうか。

具体例でオブジェクトをつかむ

functionの説明で書いたのと同じコードです。
と考えてスクリプトを眺めてみます。

let num = 0;
console.log(test());

/* --------------------
 * numの値に対して適切な変換値を返す
 * --------------------*/
function test(){
  let ans;
  if (num == 1){
    ans = 10;
  }else if(num == 2){
    ans = 20;
  }else{
    ans = 30;
  }
  return(ans);
}

1行目：let num = 0; 変数の宣言ですが、これは変数を提供する機能と言い換えることができます。
2行目：console.log(test()); これはログにtest()の結果を記載する機能を提供しています。が、呼び出しているだけで単独では成立しません。
7行目～：function test() { ... } numに応じた値を返す機能を提供しています。

『オブジェクト』と『オブジェクト型』って違うの？

ここらの混乱が「？？？」の続く理由になっていたりします。上の具体例を基に明確にしていきましょう。

スクリプトを記載していくと（混乱を避けるため？）表現を固定化していくことが多々あります。

分類上はオブジェクトでも変数(1行目)のことを「オブジェクト」と表現する方は殆どいません。
変数そのものを「そのオブジェクト」という場合は大抵「オブジェクト型の変数」という意味です。ちなみに、オブジェクト型の変数はこんな姿で提供されます。

let obj = {
   name:'hoga',
   age: 37
  }

オブジェクト型だけでなく『オブジェクト指向』なんて言葉も出てきます。オブジェクト大渋滞ですね。

オブジェクト指向とは？

リモコンの例がよく出てきますよね。

この一連の流れを1個のオブジェクトと表現することもできます。
しかし、オブジェクト指向とした場合これを少し細分化します。（長くなるのでテレビ側は無視します。）

出てくる信号は異なりますが「ボタンを押すと赤外線信号が出る」という項目はすべてのボタン共通の項目です。
こういった共通項目を一纏め（オブジェクト）としてプログラムをくみ上げていく考え方のことをオブジェクト指向といいます。

オブジェクト指向についてはこれくらいにしておきます（長くなったので）。
知見を深めたい方はココやココの説明がわかりやすくて良いと思います。

まとめ

その他JavaScriptについて受けた質問については個々まとめて行きます。

＼ 最新情報をチェック ／