クラス、メソッド、プロパティ、変数などの意味は？

質問

いろんなサイトやネットでいろいろ調べたのですが、
よく分かりませんでした。自分なりに考えたことですが、
(1)～(6)の用語の内容とコード上での色付けは正しいでしょうか？

(1)クラス（緑枠）
コンストラクタ、メソッド、プロパティを一括りにまとめたパッケージのこと。
つまり、functionの【{】と【}】の間にあるもの。

(2)オブジェクト（青枠）
関数。すなわち「複数の物や動作を入れる物」。
つまりfunctionで始まるものをオブジェクトと呼ぶ。

(3)コンストラクタ（＝　クラス名または関数名）（紫枠）
「構築子」のこと。オブジェクトを作る名前の部分。
つまりfunction直後に付ける関数名（クラス名）をコンストラクタと呼ぶ。

(4)プロパティ（赤枠）
「特徴」のこと。
つまりfunction内で指定された変数（var b）をプロパティと呼ぶ。
function a(){var b;};

(5)メソッド（水色枠）
「動作」のこと。
つまりオブジェクト（functionで始まるもの）が
変数（var b）に指定された場合はメソッドと呼ぶ。
var b = function a(){};

(6)変数（灰色枠）
function外で指定された変数（var b）は、変数と呼ぶ。
function a(){};
var b;

回答No.2

中村 拓男（@tknakamuri） · ベストアンサー

JSは見かけによらず奥が深くて、他の言語とは様相が違います。
言葉の使い方もかなり違う上に混同しやすいので要注意です。

1) クラス
Javascript(以下JS)はオブジェクト指向言語の「雰囲気」を若干まねていますが、
基本的には prototype という機構を使ってオブジェクトを若干便利にしています。
クラスという概念はないわけではないですが希薄です。
2) オブジェクト
Javaや perl でゆうところのハッシュ、.net の Dictionary が JS の
オブジェクトです。
3) ハッシュ
キーと値をペアでいくつでも格納できるものです。
JS では オブジェクト=ハッシュで、関数もハッシュでありオブジェクトでもあります。
4) コンストラクタ
オブジェクトを実行時に構築するための関数です。
5) 関数
実行コードを持つオブジェクトです。
関数は実行できますが、オブジェクトでもあります。
関数はオブジェクトなので変数に代入したり、プロパティを持つことができます。
＃関数がオブジェクトであることと、コンストラクタがオブジェクトを作ることを混同しないでください。
＃コンストラクタはオブジェクトを作りますが、関数オブジェクトを作るわけではありません。
6) プロパティ
ハッシュ(オブジェクト)に格納されたキー値ペアのこと。つまり名前付きのデータです。
7) メソッド
オブジェクト(ハッシュ)にプロパティとして格納された関数オブジェクト
8)変数
実はスコープチェーンを通して見える、ローカルオブジェクト(ハッシュ)、
又はグローバルオブジェクト(ハッシュ)のプロパティです。

お礼

参考になりました。
有難うございます。

回答No.1

think49

以下、簡単なまとめです。

■誤解されている部分
・「クラス」は存在しない。(便宜上の目的でコンストラクタをクラスとして解説するところもあるが、厳密には似て非なるもの)
・「オブジェクト」は関数ではない。
・「プロパティ」は変数ではない。
・「変数」は関数外で宣言されたものではない。

■まとめ
・「オブジェクト」は Object 型のデータ。
・「プロパティ」はオブジェクトの部分的構成要素の名前。
・「メソッド」は [[Call]] を持つプロパティ。
・「変数」は VariableStatement で宣言される構成要素。

/* サンプルコード */
var object = { // オブジェクト (変数でもある)
　property: true, // プロパティ
　method: function () { ; } // メソッド (プロパティでもある)
};
function Hoge () { ; } // コンストラクタ (オブジェクトでもある)
Hoge.prototype.foo = 1; // プロパティ
Hoge.prototype.piyo = function () { ; }; // メソッド (プロパティでもある)

http://es5.github.com/#x4.3

お礼

参考になりました。
有難うございます。