関数やthisのコード

Question

  function Dog(name,breed,color,sex) {
     this.name = name;
     this.breed = breed;
     this.color = color;
     this.sex = sex;
  }

この形をよく見かけるのですが、意図がつかめません
このようなコードはどのような役割をするのでしょうか

Answer 1

JavaScriptの「this」は「4種類」？？
今回の場合↑のサイトの3番目にあたります。

Answer 2

Dog関数内で、name と書くと、
引数の name を表します。

this.name と書くと、
クラスのインスタンス変数の
nameを表します。

継承している場合は、
自身のインスタンス変数では
無いこともありますので、
注意してください。

このDog関数は、クラスのコンストラクタ
であると思われます。

引数として受け取った内容を
インスタンス変数に
設定する役割をしています。

Comments

[Tom_SQAIR]

すいません。具体例ほしいです。

Answer 3

JavaやPHP等の言語でいうクラスです

var my_dogs = [
  new Dog('taro', 'miyabi', 'white', 'male'),
  new Dog('jiro', 'miyabi', 'brown', 'female'),
  new Dog('saburo', 'miyabi', 'black', 'male')
];
my_dogs.forEach( function(this_dog) {
  console.log(this_dog.name);
});

Webサイトのサブ機能程度ならばあまり必要がなく、馴染みが無いかと思いますが、
シングルページアプリケーションや、Node.jsでRDBとアクセスし始めると

営業「私のクライアントは何人居るんだ？平均取引額を知りたい。」
ユーザー「私のツイートの、合計お気に入り数が知りたい。」

…等といった要求が出てくる可能性があります。
それに対して、すっきり書けるとか、変数を消費しすぎないで対応出来る等のメリットがあります。
（要するに普通のオブジェクト指向言語の書き方というわけです）

Comments

[think49]

To: miyabi-sun さん
趣旨には同意しますが、配列を for-in で走査する事は列挙順を保証できず、[[Prototype]] 上のプロパティを走査してしまう事からお勧めしません。
配列は for 又は Array.prototype.forEach で走査すべきと考えます。

[miyabi-sun]

To: think49さん
失礼しました！まさに仰るとおりです。
普段lodashやprelude-lsで楽してるとこういう所でボロが出てしまいますね…。
修正しておきます。