Skip to main content
  1. Posts/

【Typescript】プロパティ=クラスのメンバ変数のこと

·124 words·1 min
Property
  1. 1 言で言うとプロパティ=クラスのメンバ変数
  2. プロパティは JavaScript から来た用語

1 言で言うとプロパティ=クラスのメンバ変数
#

typescript においてプロパティとはクラスのメンバ変数のことを指します。
他の言語に馴染みのある方は、python の属性、C++のメンバ変数だと考えればよいかと思います。
言語によって呼び方が変わるので困りますね。。

例えば、以下のGreeterクラスは「greetingをプロパティとして持つ」と表現します。
typescript のドキュメント{:target="_blank"}からコードを拝借しました。

class Greeter {
  greeting: string;

  constructor(message: string) {
    this.greeting = message;
  }

  greet() {
    return "Hello, " + this.greeting;
  }
}

let greeter = new Greeter("world");

プロパティは JavaScript から来た用語
#

プロパティはオブジェクトを構成する要素の 1 つです。
MDN{:target="_blank"}には以下のように書いてありました。

オブジェクトとは関連のあるデータと機能の集合です。(機能はたいていは変数と関数で構成されており、オブジェクトの中ではそれぞれプロパティとメソッドと呼ばれます。) どんなものか例を見てみましょう。

以下のコードは MDN から拝借したものです。
personオブジェクトは「name、age、gender、interests というプロパティを持つ」といえますね。

const person = {
  name: ['Bob', 'Smith'],   // プロパティ
  age: 32,   // プロパティ
  gender: 'male',   // プロパティ
  interests: ['music', 'skiing'],   // プロパティ
  bio: function() {
    alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.age + ' years old. He likes ' + this.interests[0] + ' and ' + this.interests[1] + '.');
  },
  greeting: function() {
    alert('Hi! I\'m ' + this.name[0] + '.');
  }
};