1. アドベネック
  2. アドベネックのブログ
  3. コーディング
  4. プロパティとメソッド

Posted on Jul 15, 2016 by matsushita shohei

プロパティとメソッド

記事カテゴリー: コーディング

プロパティとメソッド、関数・変数・定数の違いをまとめました。数字でもないのに関数とはこれいかに。

昔はまず、プロパティとメソッドの区別をつけろ!と言われたものですが近頃言わないのはjQueryが普及したからでしょうか。。。

プロパティは2chの”スペック”みたいなもの

人間に例えると、身長177cm。体重 78kg みたいなものですね。
コンピューター言語のオブジェクトはだいたい同じようなプロパティを持っています。
GUIに関するオブジェクト(画面上に表示しているもの)はX軸とy軸の座標を持ちます。言語によってはここにZ軸の座標が入ってくるわけです。
CSSはプロパティを設定するファイルですね。

メソッドはプロパティを変化させる命令

「身長を1cm増やす」、「体重を3㎏減らす」といったプロパティを変化させる命令をメソッドと呼びます。
「身長を180cmにする」というのはプロパティの書き換えだけでできるので、メソッドにもできますが、するまでもないことですね。
メソッドはコンピューター言語ごとに定義されていて、PHPではできるけど、JavaScriptではできないことが出てきます。
 

メソッドの集合体が関数

なぜ数字じゃないのに関数なんでしょうね。後述する変数との区別がわからないで混乱しがちですが関数はメソッドやプロパティ書き換えの集合体です。

変数とは一時的に値を補完する領域

独自プロパティに近いように思いますが、プロパティは表示する環境に依存するため基本的にはコーダーは作ることはできません。
ただ、値を一時的に保管しておきたい時があるので、値を補完するための変数が存在します。
変数も数字だけでなく、文字列なども代入することができます。

定数と区別がつきにくいですが、変数は定義後書き換えることができます。定義後書き換えることができない変数を定数といいます。
定数はすべて大文字で命名するんですが、Javascriptでは書き換えできない変数を定義できない、、、と思っていたんですがconst 宣言をすれば書き換えできない値を生成することができますね。

var hensu = 1; //書き換えできる変数
const TEISU = 10; //書き換えできない変数(定数)

この記事をシェアする

このカテゴリーの一覧に戻る

松下 正平

この記事の投稿者

松下 正平matsushita shohei

アドベネック代表。 WEB制作会社にてコーダーとして実務を経験し、2002年より独立。2006年アドベネック設立。長く大阪市内に住んでいましたが、今は学生時代を過ごした枚方に移住。ゲームは主に通勤時間にやっています。趣味は音楽鑑賞とサッカー観戦。 Googleのデジタルワークショップ修了しました。

  • Ps
  • Ai
  • Pr
  • Ae
  • Dw

同じカテゴリーの投稿

最近の投稿

記事のカテゴリー

アドベネックのSNS